网页多个OnLoad事件处理

－－摘自《基于web标准的网站构建与经典案例分析》

 

通常，当需要在页面加载完毕后进行一些初始化动作的时机是编写onload事件：

 

window.onload = function(){

     //....

}

 

但是一个页面可能导入几个javascript file，而每个文件可能都需要做一些initialize的工作，这时候一种选择是在一个独立的 onload function 中写所有的code，然后挂到window.onload 上，但是这样会导致维护和扩展的困难。

另一种方法是create一个专门用于组合所有load事件的方法：

 

function addLoadEvent(func)

{

var oldOnload = window.onload;

if(typeof window.onload != 'function')

{

window.onload  = func;

}

else

{

window.onload = function(){

if(oldOnload){

oldOnload();

}

func();

}

}

}

 

这个方法允许对一堆load事件排队并依次激发，不同的javascript file代码可以不用担心别的file是否注册过onload 事件。