JS
简介
JavaScript 是脚本语言
JavaScript 是一种轻量级的编程语言。
JavaScript 是可插入 HTML 页面的编程代码。
JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。
JavaScript 很容易学习。
注:JavaScript 与 Java 是两种完全不同的语言,无论在概念上还是设计上。
Java(由 Sun 发明)是更复杂的编程语言。
最基本的js语句:document.write()
-
document.write(“我是JavaScript”)
-
document.write() 以变量的方式输出
例如:
var str=“hello world”;
document.write(str); -
document.write()方法 来输出html标签
例如:
document.write(< p > 我是JavaScript< /p >)注意:
您只能在 HTML 输出中使用 document.write。如果您在文档加载后使用该方法,会覆盖整个文档。知识点
一:getElementById() 方法可返回对拥有指定 ID 的第一个对象的引用。
二: element=document.getElementById(‘myimage’)
element.src.match(“bulbon”)
**
**
< img loading=“lazy” id=“myimage” οnclick=“changeImage()” src="/images/pic_bulboff.gif" width=“100” height=“180”>
element.src.match(“bulbon”)的作用:
检索 < img id=“myimage” οnclick=“changeImage()” src="/images/pic_bulboff.gif" width=“100” height=“180”> 里面 src 属性的值有没有包含 bulbon 这个字符串。
三:
isNaN() 函数用于检查其参数是否是非数字值。
如果 x 是特殊的非数字值 NaN(或者能被转换为这样的值),返回的值就 是 true。如果 x 是其他值,则返回 false。
注:
isNaN() 函数通常用于检测 parseFloat() 和 parseInt() 的结果,以判断它们表示的是否是合法的数字。当然也可以用 isNaN() 函数来检测算数错误,比如用 0 作除数的情况。
四:
parseFloat()parseFloat() 函数可解析一个字符串,并返回一个浮点数。
该函数指定字符串中的首个字符是否是数字。如果是,则对字符串进行解析,直到到达数字的末端为止,然后以数字返回该数字,而不是作为字符串。
注:
- 字符串中只返回第一个数字。例如:“50 40” 只返回50
- 开头和结尾的空格是允许的。例如:" 60 "返回60
- 如果字符串的第一个字符不能被转换为数字,那么 parseFloat() 会返回 NaN。例如:“Hello world” 返回NaN
- 如果数字带小数点,小数点后都是0,则忽略;开头一样。例如:10.00 返回10;0000056返回56
五:
parseInt() 函数可解析一个字符串,并返回一个整数。
待补充
待补充
待补充
六:
JavaScript 显示数据
JavaScript 可以通过不同的方式来输出数据:
1.window.alert() 弹出警告框。
2.使用 document.write() 方法将内容写到 HTML 文档中。
3.使用 innerHTML 写入到 HTML 元素。
innerHTML = “修改完后的段落。” 是用于修改元素的 HTML 内容(innerHTML)的 JavaScript 代码。
4.使用 console.log() 写入到浏览器的控制台。
例如:
< script >
a = 5;
b = 6;
c = a + b;
console.log( c );
< /script >
控制台使用:F12–>第二个便是控制台(Console)
七:
JavaScript 字面量
在编程语言中,一般固定值称为字面量,如 3.14。
1.数字(Number)字面量 可以是整数或者是小数,或者是科学计数(e)。
例如:3.14
1000
123e5=12300000
2.字符串(String)字面量 可以使用单引号或双引号
例如:“John Doe”
‘John Doe’
3.表达式字面量 用于计算
例如:5 + 6
5 * 10
4.数组(Array)字面量 定义一个数组
例如:[40, 100, 1, 5, 25, 10]
5.对象(Object)字面量 定义一个对象
例如:{firstName:“John”, lastName:“Doe”, age:50, eyeColor:“blue”}
6.函数(Function)字面量 定义一个函数
例如:function myFunction(a, b) { return a * b;}
八:
JavaScript 语句标识符
1.for … in 用于遍历数组或者对象的属性(对数组或者对象的属性进行循环操作)。
2.throw 抛出(生成)错误 。
3.catch 语句块,在 try 语句块执行出错时执行 catch 语句块。
4.try 实现错误处理,与 catch 一同使用。
九:
this 关键词
在函数定义中,this 引用该函数的“拥有者”。
var person = {
firstName: “Bill”,
lastName : “Gates”,
id : 678,
fullName : function() {
return this.firstName + " " + this.lastName;
}
};
在上面的例子中,this 指的是“拥有” fullName 函数的 person 对象。
换言之,this.firstName 的意思是 this 对象的 firstName 属性。