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

近期有个项目当页面Html文档初始化完了之后,要加载多个函数,最初我是这样用的:

window.οnlοad=firstfunc();
window.onload=secondfunc();

但是这样总是最后一个才会被执行。

最后在网上学习了下才知道怎么处理:

 1 function addLoad(func){
 2    var oldοnlοad=window.onload;
 3    if(typeof window.onload != 'function')
 4       window.οnlοad=func;
 5    }else {
 6        window.οnlοad=function(){
 7          oldonload();
 8          func();
 9     }
10 }

把现有的window.onload事件处理函数的值存入变量oldonload,如果在这个处理函数上还没有绑定任何事件,那么就将func函数绑定到window.onload上,如果在这个处理函数上已经绑定了一些函数,

那么就把函数追加到现有指令的末尾。

 

使用的时候:直接像下面这样,将要执行的函数添加到这个队列中使用即可

addLoad(firstfunc);
addLoad(secondfunc);

window.οnlοad=addLoad;

 

转载于:https://www.cnblogs.com/yunlongblog/p/3993327.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值