JavaScript的window.onload特性

function one(){alert("one")}
function two(){alert("two")}

window.onload = one;
window.onload = two;
这样做，第二个函数two会把第一个函数one给覆盖掉

如果要想两个函数都加载执行，则可以自己写个辅助函数实现

function addLoadEvent(func) {
	//将window.onload赋给一个变量
	var tempOnload = window.onload;

	//判断window.onload是否和函数进行了绑定。如果没绑定，则像平时一样绑定
	if(typeof window.onload != 'function') {
		window.onload = func;
	} else {
	//如果绑定了，则追加绑定。即将这几个函数全部绑定在一起，然后再执行
		window.onload = function() {
			tempOnload();
			func();
		}
	}
}

现在使用：

addLoadEvent(one);

addLoadEvent(two);

两个函数都会执行。

 

因为window.onload会等所有的元素加载完毕，才会执行。所以可以在页面加载完毕之前，将所有需要绑定的到window.onload上的函数全部绑定上去，再进行执行。