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)