事件监听，事件委托

事件监听：

事件监听的本质就是事件绑定

好处：1.可以为相同的元素多次绑定相同的事件

           2.可以决定事件流的传递是冒泡还是捕获

addEventListener：

功能：为某个元素绑定事件

参数：Dom对象.addEventListener(去掉on的事件名,回调函数,[是否捕获/默认不写为冒泡]);

当冒泡（内到外）和捕获（外到内）同时存在先捕获后冒泡

取消事件绑定

document.οnclick=null

取消事件监听的绑定

document.removeEventListener("click",fun);

事件委托

某个元素的事件触发后，让别的元素的回调函数去执行，依赖于事件冒泡机制

oUl.addEventListener("click",function(evt){
		var e = evt || event;
		var target = e.srcElement || e.target;
		if(target.tagName == "LI"){
			target.style.backgroundColor = "yellow";
		}
	});

好处

1.将大量的子元素的事件绑定在其父元素从而提高程序执行效率

2.可以对父元素的所有子元素添加效果即时这个子元素是未来创建的

json对象和字符串相互转换

注意：json对象和字符串必须是key加双引号

json字符串转对象

/json字符串转对象
    // var stuStr = '{"name":"小明","age":18}';
    // var stuJson = JSON.parse(stuStr);
    // console.log(stuJson);

//json对象转换字符串
	var stuJson = {"name":"小明","age":18};
	var stuStr = JSON.stringify(stuJson);
	console.log(typeof stuStr);