window.onload事件--attachEvent和addEventListener

 

1. 可能你也碰到过这种情况,就是在js的代码中用了window.onload后,可能会影响到body中的onload事件。你可以全写在body 中，也可以全放到window.onload中，但是这样并不是很方便，有时我们需要两个同时用到。这时就要用window.attachEvent和 window.addEventListener来解决一下。   
2. 下面是一个解决方法。至于attachEvent和addEventListener的用法，可以自己Google或百度一下。   
3. if (document.all){   
4. window.attachEvent('onload',函数名)//IE中   
5. }   
6. else{   
7. window.addEventListener('load',函数名,false);//firefox   
8. }   
9. 在近来的工作中，用到了attachEvent方法，该方法可以为某一事件附加其它的处理事件，有时候可能比较有用，这里将其基本用法总结一下。   
10. 其语法可以查看《DHTML手册》，里面有详细的说明，这里贴一个例子，该例子来自互联网：   
11. document.getElementById("btn").onclick = method1;   
12. document.getElementById("btn").onclick = method2;   
13. document.getElementById("btn").onclick = method3;   
14. 如果这样写,那么将会只有medhot3被执行   
15. 写成这样：   
16. var btn1Obj = document.getElementById("btn1");   
17. //object.attachEvent(event,function);   
18. btn1Obj.attachEvent("onclick",method1);   
19. btn1Obj.attachEvent("onclick",method2);   
20. btn1Obj.attachEvent("onclick",method3);   
21. 执行顺序为method3->method2->method1   
22. 如果是Mozilla系列，并不支持该方法，需要用到addEventListener   
23. var btn1Obj = document.getElementById("btn1");   
24. //element.addEventListener(type,listener,useCapture);   
25. btn1Obj.addEventListener("click",method1,false);   
26. btn1Obj.addEventListener("click",method2,false);   
27. btn1Obj.addEventListener("click",method3,false);   
28. 执行顺序为method1->method2->method3