1、HTML事件处理程序：就是事件直接写在HTML文档中，其特点就是HTML和Js紧密的结合在一起，缺点就是修改不方便，需要改动js和HTML两处。比如：
<button onclick="event"></button>
<javascript>
funciton event(){
alert("hello world");
</javascript>
2、DOM0级处理程序：就是将事件作为对象的属性来看待，其更方便了修改，缺点就是如果添加在同一个对象上添加多个事件的话，后面的会覆盖掉之前的。比如：
var a = document.getElementById("div");
a.onclick = function(){...}
3、DOM2级事件处理程序：其指定了两个方法，addEventListener,removeEventListener;这两个函数接受三个参数，分别是type,handler,true/false;其中type表示的是给对象添加的事件类型，handler表示的是函数，true表示的是事件捕获，false表示的是时间冒泡。
var btn3 = document.getElementById("btn");
function event(){}
var eventUtil = {
//添加句柄
addHandler:function(element,type,handler){//element表示的是哪个元素，type表示的是事件类型（click，mouseover），handler表示的是处理的函数
if(element.addEventListener)//DOM2级处理函数
element.addEventListener(type,handler,false);
else if(element.attachEvent)//IE事件处理程序
element.attachEvent("on"+type,handler);//这里要变成onclick,所以要加on
else
element["on"+type] = handler;//一般事件处理函数
},
//删除句柄
removeHandler:function(element,type,handler){
if(element.removeEventListener)
element.removeEventListener(type,handler,false);
else if(element.detachEvent)
element.detachEvent("on"+type,handler);
else
element["on"+type] = handler;
}
},
eventUtil.addHandler(btn3,"click",event);
eventUtil.removeHandler(btn3,"click",event);