欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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函数执行后再执行自己追加的函数。