假如我们希望某个函数在网页加载完毕之后就立即执行。网页加载完毕时会触发一个onload事件,所以我们可以利用onload事件来加载这个函数。
一般我们想到的是:
window.onload = function () {
fn1();
fn2();
...
}
但,其实还有一个更好的解决方案:
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(func)函数,参数是你要在页面加载完毕后执行的一个函数。
取出window.onload存入oldonLoad。
判断脚本中是否已经有了onload函数,如果没有,把自己要执行的函数赋值给window.onload。如果有,就在oldonLoad函数执行后再执行自己追加的函数。