繁城落叶 2016-09-20 12:57 采纳率: 100%
浏览 904
已采纳

关于javascript 中的addLoadEvent重复实现函数问题

最近学习javascript的时候看的Javascript DOM编程艺术,中间作者提到了addLoadEvent()
函数,用来在页面加载完成后调用函数。
但发现有个函数会调用两次,求解答。
html文件代码:

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>Hello</title>
    </head>
    <body>
        <script src="../script/addLoadEvent.js"></script>
        <script src="../script/new_file.js"></script>
        <script src="../script/new_file1.js"></script>
    </body>
</html>

js代码:

addLoadEvent.js

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

new_file.js代码:

 function fun1() {
    alert("fun1");
}


addLoadEvent(fun1);

new_file1.js代码:

 function fun2() {
    alert("fun2");
}

addLoadEvent(fun2);

运行时,会出现两次fun1 一直不懂,求大神解答

  • 写回答

3条回答

  • 全栈极简 博客专家认证 2016-09-20 13:25
    关注

    function addLoadEvent(func) {
    var oldonload = window.onload;
    if(typeof window.onload != 'function') {
    window.onload = func;
    } else {
    window.onload = function() {
    oldonload();
    func();//如果已经绑定了函数,就把新函数追加到现有指令的末尾
    }
    }
    }

    注意else部分是window.onload.

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

悬赏问题

  • ¥30 python代码,帮调试
  • ¥15 #MATLAB仿真#车辆换道路径规划
  • ¥15 java 操作 elasticsearch 8.1 实现 索引的重建
  • ¥15 数据可视化Python
  • ¥15 要给毕业设计添加扫码登录的功能!!有偿
  • ¥15 kafka 分区副本增加会导致消息丢失或者不可用吗?
  • ¥15 微信公众号自制会员卡没有收款渠道啊
  • ¥100 Jenkins自动化部署—悬赏100元
  • ¥15 关于#python#的问题:求帮写python代码
  • ¥20 MATLAB画图图形出现上下震荡的线条