DOM0和DOM2事件处理程序对比

1、DOM0

      至今所有的浏览器支持，原因：简单；跨浏览器的优势。

     

var btn = document.getElementById("myBtn");
btn.onclick = function(){ alert(this.id);}

2、DOM2
  
定义了addEventListener()和removeEventListener() ，接收三个参数

var btn = document.getElementById("myBtn");btn.addEventListener("click",function(){      alert(this.id);},true);
第三个参数true 表示的是在捕获阶段调用时间处理程序（建议）；false表示的是冒泡阶段处理程序。

大多数情况下，都是将事件的处理程序添加到事件流的冒泡阶段，这样可以最大限度的兼容各种浏览器