onload事件绑定多个javascript函数代码

onload事件是让这个函数只在网页加载完成后才得以执行,特别是在DOM操作中,XHTML文档加载完成之前,DOM是不完整的。
下面来看看onload具体应用:
window.onload=functionname;//functionname函数名;
假设我们要加载两个函数:first()和second();如果你写成这样:

window.onload=first;
window.onload=second;
那么只有second()会被执行到;first()不会被执行;

解决方案一:我们可以为window.onload写一个函数,例如:

window.onload=function(){
first();
second();
}



解决方案二:写一个函数,代码:

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



现在就可以直接调用了:

addLoadEvent(first);
addLoadEvent(second);

这是在阅读《javascript Dom编程艺术》发现的,觉得对于初学者还是很不错的。

原文:http://www.forfaith.tk/archives/374

posted @ 2011-10-09 16:40  Credo Chen  阅读(380)  评论(0编辑  收藏  举报
无觅相关文章插件,快速提升流量