您的位置:首页 > Web前端 > JavaScript

javascript 在window.onload绑定多个事件函数

2014-09-25 17:46 288 查看
近期有个项目当页面Html文档初始化完了之后,要加载多个函数,最初我是这样用的:

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;
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: