1.8JavaScript

JavaScript

概念：一门客户端脚本语言
	运行在客户端浏览器中。每一个浏览器都有JavaScript的解析引擎
	脚本语言：不需要编译，直接就可以被浏览器解析执行了
功能：
	可以来增强用户和html页面的交互过程，可以来控制html元素，让页面有一些动态的效果，增强用户的体验。
JavaScript发展史：
	1.1992年，Nombase公司，开发出了第一门客户端脚本语言，专门用于表单的校验。命名为：c-- ，后来更名为：ScriptEase
	2.1995年，Netscape（网景）公司，开发了一门客户端脚本语言：LiveScipt。后来，请来sun公司的专家，修改为JavaScript
	3.1996年，微软抄袭JavaScript语言开发出了JScript语言
	4.1997年，ECMA（欧洲计算机制造商协会），ECMAScript，就是所有客户端脚本语言的标准
	JavaScript = ECMAScript+ JavaScript自己特有的东西(BOM+DOM)

ECMAScript

1.基本语法：
	1.与html结合方式
		1.内部JS：
			定义<script>,标签体内容就是JS代码
		2.外部JS：
			定义<script>,通过src属性引入外部的js文件
		注意：
			1.<script>可以定义在html页面的任何地方。但是定义的位置会影响执行的顺序
			2.<script>可以定义多个
	2.注释
		单行注释：//注释内容
		多行注释：/*注释内容*/
	3.数据类型
		1.原始数据类型(基本数据类型)：
			1.number:数字。 整数/小数/NaN(not a number)
			2.string：字符串。 字符串 "abc" 'ab'
			3.boolean:true和false
			4.null:一个对象为空的占位符
			5.undefined：未定义。如果一个变量没有给初始化值，则会被默认赋值为undefined
		2.引用数据类型：对象
	4.变量
		变量：一小块存储数据的内存空间
		Java语言是强类型语言，而JavaScript是弱类型语言。
			强类型：在开辟变量存储空间时，定义了空间将来存储的数据的数据类型。只能存储固定类型的数据
			弱类型：在开辟变量存储空间时，不定义空间将来的存储数据类型，可以存放任意类型 的数据
		语法
			var 变量名= 初始化值；
	5.运算符
		+(-)：正负号
		注意:在JS中，如果运算数不是运算符所要求的类型，那么js引擎会自动的将运算数进行转换
			其他类型转number：
				string转number：按照字面值转换。如果字面值不是数字，则转为NaN
					var b = +"abc" -->NaN NaN和任何值做运算都是NaN
				boolean转number：true转为1，false转为0
		比较运算符：
			比较方式
				1.类型相同，直接比较
					字符串：按照字典顺序比较。按位逐一比较，直到得出大小为止。
				2.类型不同：先进行类型转换再比较
					"123"==123:字符串会先转成number类型再比较
					===：在比较之前先判断类型，如果类型不一样，则直接返回false
		逻辑运算符：
			&&：与(短路)  **短路的意思：如果符号左边为true右边就不进行运算了**
			||:或(短路)
			!:非
				其他类型转boolean：
					1.number：0或NaN为假，其他为真
					2.string：除了空字符串，其他都是true
					3.null&undefined：都是false
					4.对象：都是true
		三元运算符
			?: 表达式
	6.流程控制语句
		1.if..else..
		2.switch
			在java中，switch语句可以接收的数据类型：byte int short char 枚举(1.5) String(1.7)
				switch(变量):
					case 值:
			在JS中，switch语句可以接收任意数据类型的数据
		3.while
		4.do...while
		5.for
	7.特殊语法
		1.语句以;结尾，如果一行只有一条语句则;可以省略不写（不建议）
		2.变量的定义使用var关键字，也可以不使用
			用：定义的变量是局部变量
			不用：定义的变量是全局变量
2.基本对象
	1.Function：函数对象
		1.	创建
			1.var fun = new Function(形式参数列表，方法体);//忘掉
				var fun1 = new Function("a","b","alert(a);")
			2.function 方法名称(形式参数列表){
				方法体
			}
			3.var 方法名 = function(){
			}
		2.	方法
		3.	属性
			length:代表形参的个数
		4.	特点
			1.方法定义是：形参类型不用写，返回值类型也不用写
			2.方法是一个对象，如果定义名称相同的方法，会覆盖
			3.在JS中，方法的调用只与方法的名称有关，和参数列表无关。
			4.在方法声明中有一个隐藏的内置对象（数组），arguments，封装所有的实际参数
		5.	调用
			方法名称(实际参数列表);
	Array：数组对象
		1.创建
			1.var arr = new Array(元素列表)
			2.var arr = new Array(默认长度)
			3.var arr = [元素列表];
		2.方法
			join(参数):将数组中的元素按照指定的分隔符拼接为字符串  不传参数默认用,号分隔
			push(参数)：向数组的末尾添加一个或更多元素，并返回新的长度
		3.属性
		4.特点
			1.JS中，数组元素的类型是可变的
			2.JS中，数组长度是可变的
	2.Boolean
	3.Date
		1.创建
			var date = new Date();
		2.方法
			toLocalString():返回当前date对象对应的时间本地字符串格式
			getTime():获取毫秒值。返回当前如期对象描述的时间到1970年1月1日零点的毫秒值
	4.Math
		1.创建：
			特点：Math对象直接使用不用创建		Math.方法名();
		2.方法：
			random():返回0~1之间的随机数 [含0不含1]
			ceil(x):对数进行上舍入
			floor(x):对数进行下舍入
			round(x):把数四舍五入为最接近的整数
		3.属性：
			PI
	5.Number
	6.String
	7.RegExp：正则表达式对象
		1.正则表达式：定义字符串的组成规则。
			1.单个字符:[]
				如：[a] [ab] [a-zA-Z0-9_]
					特殊符号代表特殊含义的单个字符：
						\d:单个数字字符 [0-9]
						\w:单个单词字符[a-zA-Z0-9_]
			2.量词符号：
				?：表示出现0次或1次
				*：表示出现0次或多次			使用例子：\w*
				+：出现1次或多次
				{m,n}：表示次数大于等于m，小于等于n
					m如果缺省：{,n}:最多n次
					n如果缺省:{m,}最少m次
			3.开始结束符号
				^:开始
				$:结束
		2.正则对象
			1.创建：
				1.var reg = new RegExp("正则表达式"); 例：var reg = new RegExp("\\w{6,12}$") 用转义符号 来定义正则表达式
				2.var reg = /正则表达式/;
			2.方法：
				test(参数)：验证指定的字符串是否符合正则定义的规范
					
	8.Global
		1.特点：全局对象，这个Global中封装的方法不需要对象就可以直接调用。 方法名();
		2.方法：
			encodeURI():url编码
			decodeURI():url解码

			encodeURIComponent():url编码
			decodeURIComponent():url解码
			![用下面的方法编码的字符会更多一些](https://img-blog.csdnimg.cn/b9c5786836d7460cb4176334b5778313.png)

			parseInt:将字符串转为数字
				逐一判断每一个字符是否是数字，知道不是数字为止，将前面数字转为number
			isNaN():判断一个值是否是NaN  
				NaN六亲不认，连自己都不认识，NaN参与的==比较全部为false 所以不能使用NaN==NaN来判断一个值是不是NaN（返回值false）
			eval():将 JavaScript 字符串 转化为脚本代码来执行
				eval("alert("hello")")

		3.URL编码
			![会把汉字转化为16进制的编码每两个字节就用一个%隔开代表一个汉字(gbk)](https://img-blog.csdnimg.cn/f35cf2cb94d14fc2bde944b4929125c2.png)

BOM

DOM