JS注册事件

使用onload事件往往在body标签上注册，使用：οnlοad=function_name();的方式 不过这种方式只能在IE上使用，若是再FF上，就失去了效果，导致页面会有错误

解决这个问题可使用以下方法

1.  if(window.addEventListener)
2.     {
3.         window.addEventListener('load',init);//FF
4.     }
5.     else if(window.attachEvent)
6.     {
7.         window.attachEvent('onload',init);//IE
8.     }
9.     
10.     function init()
11.     {
12.      //具体操作
13.     }

这样就分别在不同的浏览器上调用不同的事件注册方法，注册onload事件。

attachEvent和addEventListener不仅可有window对象来调用(这时就是想window对象注册某个事件)，也可以由其他对象调用

，如向按钮注册onclick事件，如下：

1. var btn_obj= document.getElementById("btn1"); 
3. btn_obj.attachEvent("onclick",method1);
4. btn_obj.attachEvent("onclick",method2);
5. btn_obj.attachEvent("onclick",method3);
6. //执行顺序为method3->method2->method1
8. //如果是FF，并不支持该方法
9. addEventListener var btn_obj= document.getElementById("btn1");
11. btn_obj.addEventListener("click",method1);
12. btn_obj.addEventListener("click",method2);
13. btn_obj.addEventListener("click",method3);
14. //执行顺序为method1->method2->method3
15. //当然你也可以直接对某个可视化组件设置某种属性的值，仍用button为例
16. document.getElementById("btn").onclick = method1;
17. document.getElementById("btn").onclick = method2;
18. document.getElementById("btn").onclick = method3;
19. //如果这样写,那么将会只有medhot3被执行
20. //这就是这种方法和上面注册的方式之间的区别，
21. //不过一般不会有这么多onclick发生，哈哈