day21

1 JavaScript

作用：页面的前后端交互，表单验证

js组成：

1. ecma：规定js的标准规则，js语法规范
2. dom:文档对象模型，一整套操控文档元素的方式方法
3. bom:浏览器对象模型，一整套操控浏览器对象的方式方法

2 js的书写

1 行内式：写在html标签的内部，不建议使用

js弹框 alert("内容")

a 标签 <a href="javascript:alert(内容)">内容</a>

如果一个标签中同时存在两个href属性，一个是超链接一个是js，生效的是前者

非a标签 需要将js语句绑定到对应的事件上才能生效

2 内嵌式

在html中添加<script>js语句</script>,可以放在html的任意位置，自上而下执行，不建议使用，建议放在body后边

3 外链式

创建在html外部，需要引入才能生效：<script src="路径"></script>

如果一个script作为外部引入js使用就不能当做内嵌式使用

只要script存在src属性就不能当做内嵌式使用

3 js的输出语句

1 alert("要输出的内容") 以弹框形式显示在页面中

2 console.log("要输出额内容") 在控制台输出显示

3 document.write("要输出的内容") 在页面中输出显示

页面输出的时候会将html解析

注意：都必须存在小括号(必须是英文的)，输出的内容如果是非纯数字必须要加引号（单双引号都可以），必须是成对

4 js的注释

1 单行选择 // 仅限于一行内容，不允许换行 ctrl+/

2 多行注释 /**/ 可以允许换行 ctrl+shift+/

5 字面量 又叫常量，用于表示固定值（写什么就是什么）的一种方式

字符串字面量 写在引号（单双引号都可以）里面的都是字符串字面量

字符串字面量不允许换行书写，需要被转义符进行转义 \

\n 换行 \n tab \\ 反斜杠 \‘ 单引号 \''双引号

数字字面量

八进制数：0-7，逢八进一，用0 、0o、0O表示

十六进制数：0-9.a-f 逢十六进一，用0x或0X表示

做数学运算，所有进制数会转换成十进制数进行运算

js做数学运算，计算小数的精度不够因此会导致计算结果不对

只有十进制存在浮点数，其他进制都没有

特殊的NaN（not a number）是数字字面量，但不是数字

最大值最小值

在控制台中输入nember.max_value可以得到计算机能够显示的最大值

infinity 计算机无法显示

6 变量，用于代指某一个东西

如何定义变量

var 定义变量的关键字

a 变量的名称（起名规则规范）

= 赋值

值 代表这个变量表示值

注意：var与变量名之间必须存在空格，空格是为了区分关键字和变量名称

7 定义变量的方式

1 只定义未赋值 打印结果undefined

var a

2 定义的同时赋值，打印结果就是给定值

var a = 值

3 可以同时定义多个变量，中间用逗号隔开

4 可以同时定义多个变量并且赋值，中间用逗号隔开

5 可以同时定义多个有的赋值有的不赋值，中间用逗号隔开

变量只要定义了没有赋值打印结果就是undefined,赋值了就是给定的值

8 起名规则规范

1 不能以数字开头

2 可以使用下划线连接 use_name

3 可以使用驼峰命名法 useName

4 可以使用$

5 不能使用关键字（var function object break if for while 等）

6 不建议使用汉字

7 不能使用保留字

8 严格区分大小写

9 js的语法

每一句js结束都要写分号结束

如果是js一句独占一行，可以不写分号但代码压缩会报错

变量后边的值会将前边的值覆盖

10 变量的提升 ：可以先使用变量，然后再定义变量

变量提升只会提升变量声明，不会提升变量赋值

11 js的数据类型

基本数据类型：数字 字符串 布尔 undefined null NaN

复杂数据类型：函数 数组 对象

如何检测数据类型

通过typeof 你要检测的数据

注意：typeof 只能检测基本数据类型