《JavaScript DOM编程艺术》介绍的 共享onload事件

JavaScript DOM编程艺术介绍的共享onload事件

// 逐一绑定
window.onload = firstFunction;  
window.onload = secondFunction;
 
// 通过匿名函数绑定
window.onload = function(){  
    firstFunction();  
    secondFunction();  
}

• 把现有的window.onload事件处理函数的值存入变量oldonload。
• 如果在这个处理函数上还没有绑定任何函数，就像平时那样把新的函数添加给它。
• 如果在这个处理函数上已经绑定了一些函数，就把新函数追加到现有的指令末尾。

function addLoadEvent(func){
	var oldonload = window.onload;
	if(typeof window.onload != 'function'){
		window.onload = func;
	}else {
		window.onload = function(){
			oldonload();
			func();
		}
	}
}

这将把那些在页面加载完毕时要执行的函数创建一个队列，如果想把刚才那两个函数添加到这个队列里，只需要写出一下代码就行了

 addLoadEvent( firstFunction);  
 addLoadEvent( secondFunction);