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添加的事件回调会放入对应的事件回调队列中，每一个回调都会被执行。