首页 > 代码库 > javascript 在window.onload绑定多个事件函数
javascript 在window.onload绑定多个事件函数
近期有个项目当页面Html文档初始化完了之后,要加载多个函数,最初我是这样用的:
window.onload=firstfunc();window.onload=secondfunc();
但是这样总是最后一个才会被执行。
最后在网上学习了下才知道怎么处理:
1 function addLoad(func){ 2 var oldonload=window.onload; 3 if(typeof window.onload != ‘function‘) 4 window.onload=func; 5 }else { 6 window.onload=function(){ 7 oldonload(); 8 func(); 9 }10 }
把现有的window.onload事件处理函数的值存入变量oldonload,如果在这个处理函数上还没有绑定任何事件,那么就将func函数绑定到window.onload上,如果在这个处理函数上已经绑定了一些函数,
那么就把函数追加到现有指令的末尾。
使用的时候:直接像下面这样,将要执行的函数添加到这个队列中使用即可
addLoad(firstfunc);addLoad(secondfunc);
window.onload=addLoad;
javascript 在window.onload绑定多个事件函数
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。