<button onclick="fn()">第一种方法</button>
<button>第二种方法</button>
<button>第三种方法</button>
//第一种
通过在元素设置点击事件来控制
在元素上使用on+事件名 = '函数调用’
function fn() {
alert('绑定事件第一种方式')
}
//第二种
// dom对象.on+事件名 = 事件处理调用
var btn = document.getElementsByTagName('button')[1];
btn.onclick = function () {
alert('绑定事件第二种方法')
}
//第三种
//dom对象.addEventListener(‘事件名[不用加on]click’,事件处理函数,boolean)
var btn3 = document.getElementsByTagName('button')[2];
btn3.addEventListener('click', function () {
alert('绑定事件的第三种方法')
}, true)