1.简介
- JavaScript 是世界上流行的编程语言,可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。
- JavaScript 是脚本语言,是一种轻量级的编程语言。可以简单的将我们以前学过的HTML元素比作演员,而脚本语言就是剧本,你就是导演!
- 之前我们通过学习的HTML+CSS可以完成静态的网页(当然也可以加一下简单的动画),通过JavaScript的学习我们可以增加网页的交互功能等完成复杂的动态网页。
- JavaScript在代码中的位置
- 写在 script 标签中
- 直接放在HTML标签中
- 以外部文档的方式连接到当前HTML文档中
注意事项:
- 严格区分大小写,Name和name是两个不同的标识符。
- 空格和换行。这一点和CSS代码规则类似:多余的空格会被忽略,可以将一行代码分成多行写。
- 分号作为一个语句的结束标志,分号之后是新语句的开始。虽然省略不写通常也是没有问题的,但还是建议大家写上。
- 代码的注释:单行注释和多行注释
命名规范(包括函数名,变量等):
- 必须以字母、下划线或者美元符号开始,不能使用特殊符号。
- 命名不能是系统的关键字:比如new ,if,class......
- 区分大小写
- 命名最好用有意义的名称
2.JavaScript输出(常用来检测代码的正确性)
- 使用 window.alert() 弹出警告框。
- 使用 document.write() 输出文字外,它还支持带有HTML标签的输出内容
- 使用 innerHTML 写入到 HTML 元素。
- 使用 console.log() 写入到浏览器的控制台。
3 JavaScript变量
1.常量: 常量就是在程序运行过程中,不会发生变化的量,常量通常用来表示固定不变的量,比如圆周率,万有引力常量
2 .变量:是在程序运行中会发生改变的量,在JS中通过var关键字来声明变量
3 数据类型:(可以通过typeof来查询数据类型)
数据类型包括:字符型,数字,布尔,Null ,undefinded 数组,对象,
4 数据类型
1.数据类型的检测使用typeof
- typeof运算符可以查询数据类型
- 其返回可能值有:undefined,boolean,number,string、object以及function.
2.字符串类型string
- 换行符:
- 回车符:
- 退格符:
- 反斜杠: \
- 双引号: "
3 数值型数据Number
浮点数值的最高精度是17位小数,但是在进行算术计算时其精度远远不如整数。例如,0.1加0.2的结果不是0.3, 而是0.30000000000000004。这个舍入误差会导致无法测试特定的浮点数值
4 布尔型数据Boolen
布尔型数据boolen:只能有两个值:true 或 false。
- 将各种类型的值转化成Boolean类型的规则如下:
- Number:任意非0的数值为true,0值和NaN为"false"。
- String:所有的非空字符串转化为 true;""(空字符串)转化成false
- Object的任何对象都会转化为 true;
- 在javascript中,只要逻辑表达式不返回undefined不返回null,就都是真的。
5 Undefined
- 这是一个很有意思的数据类型,因为它的值只有一个,那就是undefined。
- 在申明变量时如果没有将变量赋值的话这个变量也是属于Undefined类型的。。
- 如果一个变量没有申明就直接去访问解释器会报错误信息,但是这样的变量如果使用typeof返回的结果也是"undefined"
6 Null:空值
- Null也是一个只有一个值得数据类型,它的值就是null,任何变量只要给其赋值为null的话这个变量的数据类型就是Null类型。
- 可以通过将变量的值设置为 null 来清空变量。
7 对象Object:
- 在javascript中,所有的对象都继承自Object对象。
8 数组Array
- 数组元素的顺序从0开始
- 数组有很多方法,在这里就不一一细讲,会单独拿出例子解释