美文网首页
addLoadEvent共享onload事件

addLoadEvent共享onload事件

作者: 迷人的洋葱葱 | 来源:发表于2017-12-18 16:54 被阅读0次

问题
如何实现在页面加载完毕时执行多个函数,且都把它们绑定到window.onload事件

1、方法一:
创建一个匿名函数来容纳这多个函数,然后把那个匿名函数绑定到onload事件上。如下所示:

window.onload=function(){
    firstfun();
    secondfun();
}

2、方法二:
创建一个可以动态添加函数到onload事件的函数。
思路:
①把现有的window.onload事件处理的函数存入变量oldonload.
②如果window.onload事件上没有绑定任何函数,将新函数fun直接绑定到window.onload事件上
③如果window.onload事件上已经绑定了一些函数,将一个匿名函数绑定到window.onload事件上。在匿名函数中执行oldonload,并在末尾追加新函数fun。

function addLoadEvent(fun){
    var oldonload=window.onload;
    if(typeof window.onload != 'function'){
        window.onload=fun;
    }else{
        window.onload=function(){
            oldonload();
            fun();
        }
    }
}

参考文献:
JavaScript DOM 编程艺术(第2版)

相关文章

  • addLoadEvent共享onload事件

    问题:如何实现在页面加载完毕时执行多个函数,且都把它们绑定到window.onload事件。 1、方法一:创建一个...

  • 实用函数收藏(持续更新)

    1. 2.共享onload事件addLoadEvent 3.insertAfter函数 4.获得下一个元素节点(而...

  • 常用的JS函数

    一、动画 moveElement函数 二、onload增加加载事件(addLoadEvent函数) 三、在后面添加...

  • JS:day06

    一、两种遍历方式 for循环 for in 二、充实文档的内容 1.onload事件(addLoadEvent) ...

  • 共享onload事件

    有一个函数 functionA ,我们想让它再网页加载完毕之后立刻执行,可以用 这样是可以的,但是如果想让网页加载...

  • JS DOM编程艺术第六章

    1.共享onload事件:方法一: 方法二:

  • 共享onload事件函数

    页面加载时同时加载多个函数:

  • JavaScript事件

    一、onload事件 onload事件会在整个页面加载完成之后才触发为window绑定一个onload事件,该事件...

  • JavaScript DOM 收录

    《一 》共享onload事件 《二》 insertAfter()函数:dom编程中将一个新节点插入指定节点的后面。

  • onpageshow事件

    onpageshow 事件在用户浏览网页时触发。onpageshow 事件类似于 onload 事件,onload...

网友评论

      本文标题:addLoadEvent共享onload事件

      本文链接:https://www.haomeiwen.com/subject/uoymwxtx.html