<!DOCTYPE html>
<html>
<head>
<title>DOM事件处理程序</title>
<meta charset="utf-8">
</head>
<body>
<!--HTML事件处理程序-->
<input type="button" name="btn1" id="btn1" value="按钮" onclick="message()">
<!--DOM0事件处理程序-->
<input type="button" name="btn2" id="btn2" value="按钮1">
<input type="button" name="btn3" id="btn3" value="按钮2">
<script type="text/javascript">
function message(){
alert("hello");
}
//DOM0事件处理程序
var btn2=document.getElementById("btn2")
btn2.onclick=function(){
alert("helloworld！");
}
//DOM2事件处理程序
var btn3=document.getElementById("btn3");
//btn3.addEventListener('click',message,false);
//btn3.removeEventListener('click',message,false);
//IE事件处理程序
//btn3.attachEvent('onclick',message);
//btn3.detacheEvent('onclick',message);
//跨浏览器事件处理程序
var eventUntil={
//添加句柄
addHandler.function(element,type,handler){
//能力检测
if (element.addEventListener) {
element.addEventListener(type,handler,false);
}else if (element.attachEvent) {
element.attachEvent('on'+type,handler);
}else{
element['on'+type]=handler;
}
}
}
eventUntil.addHandler(btn3,'click',message);
</script>
</body>
</html>
谢谢！
第36行，addHandler后边应该是冒号，我们要写的是addHandler的方法而不是属性