网页设计中的事件处理程序（HTML事件处理、DOM0级事件处理、DOM2级事件处理、IE事件处理）

**

网页设计中不同类型的事件处理程序

**

1.HTML 事件处理程序：

• 先看例子(添加事件处理程序)：

  
  <script type="text/javascript">
  	function show(){
       
       
  		alert("Hello world!");
  	}
  </script>
  
  <div id="box" onclick = "show()"></div>
  
  

• 注（ 优点 ）：事件处理程序中的代码在执行时，有权访问全局作用域中的任何代码；HTML事件处理程序更方便访问自身的属性值，例如：

  <!--弹出id值-->
  <div id="box" onclick = "alert(this.id)"></div>
  

• 缺点：HTML与JavaScript代码紧密耦合，不利于代码的可复用性，修改起来耗时、耗力，一旦修改任何一处，另外一处也必将改动；（该事件处理程序现在已经很少有人在用，可以说是被摒弃啦！）

2.DOM0 级事件处理程序：

• 先看例子(添加事件处理程序)：

  	var btn = document.