DOM基础之绑定事件

第一种：在内联中绑定事件

<div id='div1' onclick="alert('hahah')">111111</div>

这种绑定事件的方法虽然简便，但是不推荐读者使用，因为我们习惯上写js代码在script中写，
如果要绑定的事件有很多，写在内联中就会显得结构不够工整。

第二种：获取元素绑定事件

var oDiv1 = document.getElementById('div1');
         oDiv1.onclick = function(){
             console.log(111);
         }

这种绑定事件的方法的好处在于能使代码结构整齐，缺点是如果给同一个元素绑定两个或多个事件，
那么后绑定的事件就会覆盖之前绑定的时间。

第三种：添加事件监听事件

 oDiv1.addEventListener('click',function(){
            console.log(111);
        },false);//冒泡或捕获 false 冒泡  true捕获

这种绑定事件的好处就是后绑定的事件不覆盖之前绑定的事件