[解决局域网共享工具]解决js window.onload事件同页面多加载问题

【www.bbyears.com--js教程】

window.onload用法如下：

 代码如下

function func(){alert("this is window onload event!");return;}

window.onload=func;

或者如下：

window.onload=function(){alert("this is window onload event!");return;}

但window.onload 不能同时加载多个函数。

比如：

 代码如下

function t(){
alert("t")
}
function b(){
alert("b")
}
window.onload =t ;
window.onload =b ;

后面会把前面的覆盖，上面代码只会输出 b。

解决方法有三种

1、将要绑定的事件写在一块，然后对onload进行赋值

 代码如下

window.onload=function(){function1();function2();}

2、通过自定义addLoadEvent来解决

 代码如下

function addLoadEvent(func){
var oldonload=window.onload;
if(typeof window.onload!=’function’){
window.onload=func;
}else{
window.onload=function(){
oldonload();
func();
}
}
}
添加要加载执行的事件:

addLoadEvent(func1);
addLoadEvent(func2);

3、要想在你的程序中给一个事件指派多个处理过程的话，只要首先判断一下浏览器，然后根据不同的浏览器，选择使用 attachEvent 还是 addEventListener 就可以了。实例如下

 代码如下 if (document.all) {
window.attachEvent(‘onload’, func1);
window.attachEvent(‘onload’, func2);
} else {
window.addEventListener(‘load’, func1, false);
window.addEventListener(‘load’, func2, false);
}

4.自定义函数式多次调用

 代码如下 <script type="text/javascript">
function func1(){……}
function func2(){……}
function func3(){……}
function addLoadEvent(func){
var oldonload=window.onload;
if(typeof window.onload!="function"){
 window.onload=func;
 }
else{
 window.onload=function(){
oldonload();
func();
}
 }
 }
 addLoadEvent(func1);
 addLoadEvent(func2);
 addLoadEvent(func3);
</script>

本文来源：http://www.bbyears.com/wangyezhizuo/53861.html