将多个js函数绑定到onload事件上

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);

?

该方法在Js dom中经常用到,特别是想做到结构和行为分离的时候

赞(0) 打赏
未经允许不得转载:WEB前端开发 » 将多个js函数绑定到onload事件上

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏