WEB前端开发

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);

该方法在Js dom中经常用到，特别是想做到结构和行为分离的时候

声明: 本文采用 BY-NC-SA 协议进行授权 | WEB前端开发
转载请注明转自《将多个js函数绑定到onload事件上》