关于onload事件

为了让函数在网页加载完毕后立即执行,网页加载完毕后会出发一个onload事件,这个事件与window对象关联,必须把函数绑定到这个时间上,有两种解决方案:
1.常见解决方案:
先创建一个匿名函数来容纳函数,然后把匿名函数绑定到onload事件上;如下所示:

window.onload=function(){
    firstFunction();
    secondFunction();
}

2.弹性最佳解决方案—不管页面加载完毕时执行多少个函数,它都可以应付自如;这个函数名是addLoadEvent,由Simon Willison编写。只有一个参数:打算页面加载完毕时执行的函数的名字。
下面是addLoadEvent函数完成的操作:

  • 把现有的window.onload事件处理函数的值存入变量oldonload;
  • 如果这个处理函数上还没有绑定任何函数,就像平时那样把新函数添加给它;
  • 如果这个处理函数上已经绑定了一些函数,就把新函数追加到现有指令的末尾。
    下面是addLoadEvent函数的代码清单:
function addLoadEvent(func){
    var oldonload=window.onload;
    if(typeof window.onload != 'function'){
        window.onload=func;
    }else{
      window.onload=function(){
        oldonload();
        func();
       }
    }
};




//这将把那些在页面加载完毕执行的函数创建为一个列队

addLoadEvent(firstFunction);
addLoadEvent(secondFunction);

所有内容均来自《JavaScript DOM 编程艺术(第2版)》

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值