今天系統浏覽了DOM事件，其更深入的模型理解是未來某日需要做的。先mark一下基本的，加深印象。
給DOM元素添加事件處理函數的方法：
1.標簽裡直接寫js代碼
<body onload="var i=1; alert(i);">
</body>
2.標簽裡寫函數名
<head>
<script>
function hi(){
alert("hi");
}
</script>
</head>
<body onload="hi();">
</body>
以上兩種方式本質是一樣的，被稱為內聯模式，效率最低。
3.js腳本裡給事件屬性指定函數
window.onload = hi;
此方法能比前兩種好一些，稱為傳統模式。內聯模式和傳統模式都屬於DOM Level 0事件模型，已經不被推薦。
4.不依賴元素屬性的監聽器
document.addEventListener("click", hi, true);
這種方式屬於DOM Level 2事件模型，效率高於前述所有方式。新方式不依賴特定事件處理屬性，可以對任何對象的任何時間注冊多個時間處理函數。