javascript中window.onload和body onload冲突的解决方法
2010-11-19 09:26
169 查看
如果在js中调用了window.onload = function(),同时在页面上又有body onload语句,会导致window.onload事件覆盖掉body onload事件而出现错误.
解决方法:
attachEvent给onload添加所需运行的函数
if (document.all){
window.attachEvent('onload',FuncName)
}
else{
window.addEventListener('load',FuncName,false);
}
或者把两个初始化函数再组成一个新的函数
function myinit(){//两个函数合并下
init();
myfun();
}
window.onload=myinit;
另外,见过书上有这样的写法:
function addLoadEvent(func){
var oldonload=window.onload;
if(typeof window.onload!='function'){
window.onload=func;
}else{
window.onload=function(){
oldonload();
func();
}
}
}
//添加要加载执行的事件:
addLoadEvent(aaa);
addLoadEvent(bbb);
解决方法:
attachEvent给onload添加所需运行的函数
if (document.all){
window.attachEvent('onload',FuncName)
}
else{
window.addEventListener('load',FuncName,false);
}
或者把两个初始化函数再组成一个新的函数
function myinit(){//两个函数合并下
init();
myfun();
}
window.onload=myinit;
另外,见过书上有这样的写法:
function addLoadEvent(func){
var oldonload=window.onload;
if(typeof window.onload!='function'){
window.onload=func;
}else{
window.onload=function(){
oldonload();
func();
}
}
}
//添加要加载执行的事件:
addLoadEvent(aaa);
addLoadEvent(bbb);
相关文章推荐
- 关于页面中body onload 和 window.onload 冲突的问题的解决
- JavaScript执行window.onload和body onload多个处理过程的方法
- 页面中body onload 和 window.onload 冲突的问题的解决
- 页面中body onload 和 window.onload 冲突的问题的解决
- window.onload兼容ie和ff以及多次调用导致相冲突的解决方法
- window.onload兼容ie和ff以及多次调用导致相冲突的解决方法
- 关于页面中body onload 和 window.onload 冲突的问题的解决
- 解决window.onload 与 body.onload事件冲突的方法
- 关于页面中body onload 和 window.onload 冲突的问题的解决
- 一个页面中需要多个window.onload = function(){}冲突问题解决
- javascript:window.close()在chrome,Firefox下失效问题解决方法
- Web_JavaScript_页面多个window.onload需求问题解决;
- 解决多个window.onload冲突问题
- javascript的window.onload方法使用
- window.onload同时执行多个函数的解决方法
- 一个页面中多个window.onload = function(){}冲突问题解决思路
- JavaScript 覆盖document.createElement 方法 解决window.close在火狐下不兼容问题)
- javascript的window.onload方法使用
- JavaScript中的window.close在FireFox和Chrome上不能正常动作的解决方法
- (function($, window, document) {}) jQuery 调用解决与其他javascript库冲突的写法