JaveScript--绑定事件的三种方法

    <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)