JavaScript之通用addLoadEvent代码源码

最新推荐文章于 2025-08-15 09:01:53 发布

转载最新推荐文章于 2025-08-15 09:01:53 发布 · 98 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/xiaozhuyang/p/addLoadEvent.html

文章标签：

#javascript #ViewUI

本文介绍了一种在网页加载完成后立即执行JavaScript代码的方法，避免了使用window.onload的局限性，并提供了一个实用的addLoadEvent函数实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在执行javascript代码时很多情况下我们是希望代码在网页加载完毕后立刻进行的大家可能会立刻想到使用window.onload时间处理函数，然后通过

window.onload=function(){

func1();

func2();

......

}

来实现这一功能。

但是如果需要加载的函数很多时，这并不是一个通用的好方法。

JavascriptDom编程艺术中给出了一个通用函数addLoadEvent 可以帮助我们简单的实现这问题:

我在这里把这个代码贴出，为了方便自己查看！

function addLoadEvent(func){
  var oldonload=window.onload;
  if(typeof window.onload !='function'){
      window.onload=func;  
       }    
  else{
          window.onload=function(){
            oldonload(); 
            func();

        }      
       }
}

View Code

转载于:https://www.cnblogs.com/xiaozhuyang/p/addLoadEvent.html