javaScript扫盲之共享onload事件

 

网页加载完毕时，会触发一个onload事件。若此时想调用多个函数，比如firstfunction和secondfunction函数，若写为：

window.onload = firstfunction;

window.onload = secondfunction;

则，只会调用第二个函数。怎样可以调用多个函数呢？

 

解决方案一：

 

window.onload = function()
{
         firstfunction();
         secondfunction();
}

 

 

如此，简单易懂。

 

解决方案二：

编写addLoadEvent函数，可以自如的添加函数。

 

//参数：func为页面加载完毕时执行的函数的名字。
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);