核四总结篇

写页面，先写样式再写功能

innerHTML和innerText区别

innnerHTML用来获取标签元素或设置标签元素，包含文本和Html标签。在读取元素的时候，会将文本和Html标签一起读取出来；在设置元素的时候，会覆盖掉原来的元素中文本和标签，如果新的内容包含标签，会解析Html标签，只显示文本，而不将标签显示出来。

innerText用来设置或获取标签内文本内容, 但它去除Html标签。在读取元素的时候，只会读取文本；在设置元素的时候，会覆盖掉原来的元素中文本和标签，如果新的内容包含标签，不会解析Html标签，也就是说，里面的标签并不是html中的标签，而只是一个文本，会将标签也显示出来。

table

html表格中有两种单元格类型：表头单元格-包含头部信息（由<th>元素创建）<th>元素中的文本通常粗体居中

标准单元格-包含数据（由<td>元素创建）<td>元素中的文本通常是普通的左对齐文本

<tr>元素定义表格行

鼠标事件

JSON

JSON.stringify()的作用是将 JavaScript 对象转换为 JSON 字符串，

而JSON.parse()可以将JSON字符串转为一个对象

在使用JSON.parse()需要注意一点，由于此方法是将JSON字符串转换成对象，所以你的字符串必须符合JSON格式，即键值都必须使用双引号包裹：

let a = '["1","2"]';
let b = "['1','2']";
console.log(JSON.parse(a));// Array [1,2]
console.log(JSON.parse(b));// 报错

单击响应事件

1.addEventListener的第三个参数是用于决定事件模型的，当父元素和子元素都绑定了事件时，这个参数决定先触发哪个事件，false为冒泡事件模型：即子元素绑定的事件先响应，父元素绑定的事件后相应，true为捕获事件模型，与冒泡事件模型执行顺序相反，父元素先响应

document.getElementById("#btn_submit").addEventListener(‘click’, function(){
}, false);

2.直接在button标签中使用onclick绑定

<button type="submit" id="btn_submit" οnclick="btnAction()"> submit </button>

区别：a.onclick事件在同一时间只能指向唯一对象，一个处理器在同一时间只能指向唯一的对象。因此就算对于一个对象绑定了多次，但是仍然只会出现最后的一次绑定；对于一个可以绑定的事件对象，想多次绑定事件都能运行，选用addEventListener；

b.addEventListener方法我们可以决定DOM事件的触发是以事件捕获的事件流还是事件冒泡的事件流方式

c.关于删除：对于onclick,直接把onclick的值设为null就行；而对于addEventListen

        var fn = function(){
            console.log('div1的事件');
        }
        div1.addEventListener('click',fn,true);//需在外绑定函数
        div1.removeEventListener('click',fn,true);