多个window.onload冲突

admin

1. window.onload的意思是当页面加载完毕的时候执行。通常把JS脚本放在任意的位置，通过window.onload来执行脚本。但是当同一个页面里出现了两个window.onload=function(){};，就会发现先读的脚本失效了。通常一个页面是只能执行一个window.onload的，这个时候可以通过下面的方法解决：
   
2. 
   
3.     用window.attachEvent和window.addEventListener。
   
4. 
   
5.     当某一事件被触发时需要执行某个函数，在IE下可用attachEvent，在FF下则要用addEventListener。
   
6. 
   
7.     attachEvent()有两个参数，第一个是事件名称，第二个是需执行的函数；
   
8. 
   
9.     addEventListener()有三个参数，第一个是事件名称，但与IE事件不同的是，事件不带"on",比如"onsubmit"在这里应为"submit"，第二个是需执行的函数，第三个参数为布尔值；
   
10. 
    
11. if (document.all){
    
12. 
    
13. window.attachEvent('onload',函数名)//IE中
    
14. 
    
15. }
    
16. 
    
17. else{
    
18. 
    
19. window.addEventListener('load',函数名,false);//firefox
    
20. 
    
21. }
    
22. 
    
23.     使用上边的脚本就可以解决onload冲突了。
    

复制代码