addLoadEvent()解析
程序员文章站
2022-04-18 21:28:58
addloadevent()
假如我们希望某个函数在网页加载完毕之后就立即执行。网页加载完毕时会触发一个onload事件,所以我们可以利用onload事件来加载这个函数。
一般...
addloadevent()
假如我们希望某个函数在网页加载完毕之后就立即执行。网页加载完毕时会触发一个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函数执行后再执行自己追加的函数。