onload事件绑定多个javascript函数代码-优快云博客

本文深入解析了onload事件的工作原理，特别强调了其在DOM操作中的关键作用。通过实例展示了如何确保函数在网页完全加载后执行，包括使用单一函数和addLoadEvent函数的方法，为JavaScript初学者提供了实用指导。

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

onload事件是让这个函数只在网页加载完成后才得以执行，特别是在DOM操作中，XHTML文档加载完成之前，DOM是不完整的。
下面来看看onload具体应用：
window.onload=functionname;//functionname函数名；
假设我们要加载两个函数：first()和second()；如果你写成这样：

window.onload=first;
window.onload=second;
那么只有second()会被执行到；first()不会被执行；

解决方案一：我们可以为window.onload写一个函数，例如：

window.onload=function(){
first();
second();
}

解决方案二：写一个函数，代码：

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

现在就可以直接调用了：

addLoadEvent(first);
addLoadEvent(second);

这是在阅读《javascript Dom编程艺术》发现的，觉得对于初学者还是很不错的。

原文：http://www.forfaith.tk/archives/374

转载于:https://www.cnblogs.com/c3055/archive/2011/10/09/2203881.html