今天系统浏览了DOM事件，其更深入的模型理解是未来某日需要做的。先mark一下基本的，加深印象。
给DOM元素添加事件处理函数的方法：
1.标签里直接写js代码
<body>
</body>
2.标签里写函数名
<head>
<script>
function hi(){
alert("hi");
}
</script>
</head>
<body>
</body>
以上两种方式本质是一样的，被称为内联模式，效率最低。
3.js脚本里给事件属性指定函数
window.onload = hi;
此方法能比前两种好一些，称为传统模式。内联模式和传统模式都属于DOM Level 0事件模型，已经不被推荐。
4.不依赖元素属性的监听器
document.addEventListener("click", hi, true);
这种方式属于DOM Level 2事件模型，效率高于前述所有方式。新方式不依赖特定事件处理属性，可以对任何对象的任何时间注册多个时间处理函数。