被引用的外部JS存在window.onload时,判断当前页面是否已存在window.onload,并进行相应处理

Posted 东风杨柳岸,岁月如烟

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了被引用的外部JS存在window.onload时,判断当前页面是否已存在window.onload,并进行相应处理相关的知识,希望对你有一定的参考价值。

如果页面a.html引用了b.js,b.js里的方法需要在页面资源加载完成后执行,即在window.onload里执行;
这时如果a.html里使用了window.onload方法,b.js就不能重复调用这个方法了,
因为window.onload不能同时使用多个,否则后者会覆盖前者。
可以用如下方法解决这个问题,即当a.html中已经调用了widow.onload方法,b.js里需要使用widow.onload方法
的函数只需要添加在后面就行了,否则,b.js里新调用一次window.onload就行了。

function addLoadEvent(func) {
var oldonload = window.onload;

if (typeof window.onload !== ‘function‘) {
window.onload = func;
} else {
window.onload = function () {
oldonload();
func();
}
}
}

addLoadEvent(func);

以上是关于被引用的外部JS存在window.onload时,判断当前页面是否已存在window.onload,并进行相应处理的主要内容,如果未能解决你的问题,请参考以下文章

面试题

js中的window.onload链接外部js文件能不能写两次以上?即每一个js文件都用一下window.onload

JS怎样同一时候处理多个window.onload事件

HTML中怎么引用JS ?

js面对对象和jQuery的使用

页面加载完就执行的设置?