将多个js函数绑定到onload事件上

来源：互联网发布：自己设计房子软件编辑：程序博客网时间：2024/06/06 14:08

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

[/code]那么只有second()会被执行到；first()不会被执行；4 S0 i$ M+ i! }

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

[code]window.onload=function(){+ P% z) H. Z, f, N" M! C
first();) S8 ~" K+ O c3 e m ?8 {
second();
}[/code]

解决方案二：写一个函数[code]function addLoadEvent(func){
var oldonload=window.onload;
if(typeof window.onload !="function"){! X* e' L' r7 b
      window.onload=func;
}else{+ e1 [7 u5 g8 t* M4 T  t! Y
      window.onload=function(){( /  f$ d' i7 `0 |7 A4 |3 V- G
         oldonload();
func();
}$ ?0 H9 I1 V. U3 h
}
}[/code]现在就可以直接调用了：[code]addLoadEvent(first);
addLoadEvent(second);[/code]

转自：http://blog.csdn.net/liang4571231/article/details/4093567

0 0