click事件

1. 直接寫在html標籤中

 <button id="clickMe" onclick="alert(1)">點我</button>

缺點：不利於js和html代碼分離。
2. onclick

<button id="clickMe">點我</button>

clickMe.onclick = function() {
    alert(2)
}
clickMe.onclick = function() {
    alert(3)
}
優點：兼容性好
缺點：不能針對一個事件添加多個回調。

後定義的事件回調會覆蓋開始定義的事件回調
3. addEventListener(非IE瀏覽器)

clickMe.addEventListener('click', function() {
    alert(4)
})
clickMe.addEventListener('click', function() {
    alert(5)
})

通過addEventListener添加的事件回調會放入對應的事件回調隊列中，每一個回調都會被執行。