javascript 在window.onload绑定多个事件函数
2014-09-25 17:46
288 查看
近期有个项目当页面Html文档初始化完了之后,要加载多个函数,最初我是这样用的:
但是这样总是最后一个才会被执行。
最后在网上学习了下才知道怎么处理:
把现有的window.onload事件处理函数的值存入变量oldonload,如果在这个处理函数上还没有绑定任何事件,那么就将func函数绑定到window.onload上,如果在这个处理函数上已经绑定了一些函数,
那么就把函数追加到现有指令的末尾。
使用的时候:直接像下面这样,将要执行的函数添加到这个队列中使用即可
window.onload=firstfunc(); window.onload=secondfunc();
但是这样总是最后一个才会被执行。
最后在网上学习了下才知道怎么处理:
function addLoad(func){ var oldonload=window.onload; if(typeof window.onload != 'function') window.onload=func; }else { window.onload=function(){ oldonload(); func(); } }
把现有的window.onload事件处理函数的值存入变量oldonload,如果在这个处理函数上还没有绑定任何事件,那么就将func函数绑定到window.onload上,如果在这个处理函数上已经绑定了一些函数,
那么就把函数追加到现有指令的末尾。
使用的时候:直接像下面这样,将要执行的函数添加到这个队列中使用即可
addLoad(firstfunc); addLoad(secondfunc); window.onload=addLoad;
相关文章推荐
- 将函数绑定在window.onload事件上
- JavaScript跨浏览器的添加删除事件绑定函数
- 自定义addLoadEvent函数为body.onload事件绑定多个函数
- window.onload绑定多个函数
- javascript注册window的onload事件问题研究
- 深入了解javascript事件 -事件绑定(事件处理函数/监听函数)
- 绑定onload事件---Javascript中防止onload事件被覆盖
- JavaScript中绑定事件监听函数的通用方法[ addEvent() ]
- 将多个js函数绑定到onload事件上
- 绑定多个函数到window.onload
- JavaScript跨浏览器的添加删除事件绑定函数
- JavaScript中绑定事件监听函数的通用方法[ addEvent() ]
- JavaScript中绑定事件监听函数的通用方法[ addEvent() ]
- JavaScript中为事件句柄绑定监听函数
- 【原创翻译】深入理解javascript事件处理函数绑定三部曲(一)——早期的事件处理函数
- js:window.onload事件 让一个js事件执行多个函数
- Javascript调试的小窍门: 如何获取元素上的事件绑定函数?
- js:window.onload事件 让一个js事件执行多个函数
- 深入理解javascript事件处理函数绑定三部曲(二)——传统处理函数绑定模型