<html>
<head>
<title></title>
<meta charset="utf-8">
</head>
<body>
<div id="box">
<input type="button" value="按钮" id="btn" onclick="showmes()">
<input type="button" value="按钮2" id="btn2">
<input type="button" value="按钮3" id="btn3">
<input type="button" value="按钮4" id="btn4">
</div>
<script>
function showmes(){
alert("hello world");
}
//dom 0 级事件
var btn2 = document.getElementById("btn2");
btn2.onclick = function(){
alert("这是DOM 0 级");
}
btn2.onclick = null;
//dom 2级事件 可以加多个事件
// var btn3 = document.getElementById("btn3");
// btn3.addEventListener("click",showmes,false);
// btn3.addEventListener("click",function(){
// alert(this.value);
// },false);
// btn3.removeEventListener("click",showmes,false);
//ie 事件处理程序 attachEvent()
var btn3 = document.getElementById("btn3");
btn3.attachEvent('onclick',showmes);
</script>
</body>
</html>
