window.onload兼容ie和ff以及多次调用导致相冲突的解决方法

最新推荐文章于 2021-11-26 20:21:26 发布

gogiqp_jyh

最新推荐文章于 2021-11-26 20:21:26 发布

阅读量2.6k

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/gogiqp_jyh/article/details/17358839

版权

javascript 专栏收录该内容

52 篇文章 0 订阅

订阅专栏

标签：

杂谈

分类： JS/JQuery

有的JavaScript脚本必须等待页面加载结束才能正常执行。

对于这样的情况有两个解决方法：
1、将脚本写到html的结束位置。这样只有html全部接在完毕后才会加载执行JavaScript脚本。
2、将脚本放在任意位置。通过 window.onload来执行脚本。 window.onload的意思是当页面加载完毕的时候执行。

***********************************************************************

一般使用下面的办法来执行页面加载时所需要调用的函数：

<!– 页面加载脚本 –>
<script type=”text/javascript”>
window.onload = function(){
if(window.document.all){
window.attachEvent(”onload”, windowOnload);
} else {
window.addEventListener(”load”, windowOnload(), false);
}
}
//页面加载时需要执行的方法
function windowOnload(){
alert(2);
}
</script>

********************************************************************************

但是，一般的大型项目中都包含框架，如果框架页面里也调用了window.onload方法，或者body触发了onload事件 (即：<body οnlοad=”javascript: test();”></body>)，然后在框架中的局部页面也需要触发window.onload事件，此时就需要使用下面的办法来避免多次调用window.onload方法导致的冲突问题了：

先定义一个全局的方法：

alert(2);

}

</script>

以下是我遇到的解决方法，其他页面加载我的js,为了防止和他页面的onload冲突，我的js中的处理

var _sso_onload = function(){

alert(’1111′);

}

然后在我的js最后加上

var addEvent = function(obj,eventType,func){if(obj.attachEvent){obj.attachEvent(”on” +
eventType,func);}else{obj.addEventListener(eventType,func,false)}};

addEvent(document.body,’load’,function(){_sso_onload();initUserName();}); 调用了_sso_onload();initUserName();两个函数