网页前端7-JS

1.学习视频同上次

2.学习笔记：

 一、String
	charAt(idx)			返回指定位置处的字符
	index0f(Chr)		返回指定字符串的位置，从左到右。找不到返回-1。
	substr(m,n)			返回给定字符串中从m位置开始，取n个字符，如果参数n省略，则意味着取到字符串末尾
	substring(m,n)		返回给定字符串中从m位置结束，到n位置结束。如果参数n省略，则意味着取到字符串末尾。
	toLowerCase()		将字符串中的字符全部在转化成小写。
	toUpperCase()		将字符串中的字符全部在转化成大写。
	length 				属性，不是方法，返回字符串的长度。
	
	
	..
Math
	Math.random()		随机数
	Math.ceil()			向上(向大)取整，大于最大整数
	Math.floor() 		向小取整，小于最小整数String
二、对象的创建
	1.字面量形式创建对象
		var 对象名 = {};  //空对象
		var 对象名 = {
			键:值,
			键:值
			...
		}；
	2.通过new Object创建
		var 对象名 = new Object();  //空对象
	3.通过Object对象的create方法创建
		var 对象名 = Object.create(null);  //空对象
		var 对象名 = Object.create(对象);
三、对象的操作
	获取对象的属性  (如果属性不存在，则获取undefined)
		对象名.属性名;
	设置对象的属性  (如果属性存在，则修改属性。反之添加新的属性)
		对象名.属性名 = 值;
四、对象的序列化和反序列化
	序列化: 将JS对象(JSON对象)转化成字符串
		var 变量名 = JSON.stringify(对象);
	反序列化: 转化成对象
		var 变量名 = JSON.parse(JSON字符串);
五、this
	谁调用函数，this指代谁
		1.直接调用函数，this代表的全局的window对象
		2.调用对象中的函数，this代表的市对象本身
六、事件
	事件中几个名词
		事件源:给什么元素/标签绑定时间
		事件名:绑定什么事件
		事件监听:浏览器窗口
		执行函数:事件触发后需要执行什么代码
		
	常用事件类型
		onload:当页面或图像加载完后立即触发
		onblur:元素失去焦点
		onfocus:元素获得焦点
		onclick:鼠标点击某个对象
		onchange:用户改变域的内容
		onmouseover:鼠标移动到某个元素上
		onmouseout:鼠标从某个元素上离开
		onkeyup:某个键盘的键被松开
		onkeydown:某个键盘键被按下
	事件流：
		事件冒泡：事件开始时由最具体的元素接受然后逐级向上传播到较为不具体的节点（文档）
		事件捕获：事件开始时由文档节点接受，然后逐级向下传播到具体的元素节点
	事件处理程序（事件绑定方式）
		1.HTML事件处理程序
			直接在html元素绑定事件
		2.DOM0级事件
			先获取事件源，再给事件源绑定事件
			不能同时给元素绑定相同事件多次
		3.DOM2级事件
			事件源.addEventLitstener("事件类型"，执行函数,true);
		
		注：通过id属性值获取节点对象
		document.getElementById("id属性值")

3.学习感受：

        这次培训有许多的新的概念，学的有点蒙蒙的。