当前位置： 移动技术网 > IT编程>网页制作>CSS > addLoadEvent()解析

addLoadEvent()解析

2019年01月14日  | 移动技术网IT编程  | 我要评论

湖北省网上填报志愿系统,吃货末世生存记,美日军机闯识别区

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

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网