事件操作（DOM）

document

• document.write 是将内容写入内容流 ，但是文档流执行完毕，则他会导致页面全部重绘

innerHTML

• innerHTML 是将内容写入某个DOM节点 不会导致页面全部重绘
• innerHTML 创建多个元素效率更加高（前提是不要拼接字符串，而是采用数组形式拼接），结构稍微复杂

createElement()

• 创建多个元素效率稍微低一点，但是结构清晰

传统方法注册事件

• 特点：唯一性，也就是只能添一个事件

btn.onclick = function(){
    alert(122);
}

事件侦听注册事件 addEvenListener

• 里面的时间类型是字符串 必须加引号 而且不要带on
• 同一个元素 同一个事件可以添加多个侦听器（事件处理程序）

btn[1].addEventListener('click',function(){
    alert(1);
});
btn[1].addEventListener('click',function(){
    alert(2222);
});

常用的按键事件

• onkeyup: 某个键盘按键被松开时触发
• onkeydown: 某个按键被按下时触发
• onkeypress: 某个按键被按下时触发 但是它不能识别功能键 比如Ctrl shift 左右箭头等
• 注意使用addEventListener 不需要加 on
• 三个箭头执行的顺序是 keydown—keypress— keyup