如何绑定多个事件在 onload

本文介绍了一种解决HTML页面中onload事件处理函数被覆盖的方法,并提供了具体实现的JavaScript代码示例。通过使用addLoadEvent函数,可以实现在页面加载完成时执行多个函数而不会发生相互覆盖的情况。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >






onload
事件在页面加载时才得到执行

window.onload=firstFunction;
window.onload=secondFunction;

上面设置将导致secondFunction将取代firstFunction,每个事件处理函数只能绑定一条指令。

解决办法如下:
注明此函数由Simon Willison编写的
function addLoadEvent(func)
{
    
var oldonload = window.onload;
    
if(typeof window.onload != 'function')
    
{
        window.onload
=func;
    }
else{
   
        oldonload();
        func();
    }

}
 
 

addLoadEvent(firstFunction);
addLoadEvent(secondFunction);

参考书籍《JavaScript DOM 编程艺术》
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值