TypechoJoeTheme

至尊技术网

统计
登录
用户名
密码

js使用window.onload覆盖问题的解决方法

2022-09-14
/
0 评论
/
927 阅读
/
正在检测是否收录...
09/14

解决多人开发时,同时使用window.onload事件所出现的后面的window.onload函数覆盖前面一个window.onload函数的问题。

<script>
    // 第一种,使用addEventListener
    window.onload = function () {
        console.log("第一次调用");
    }

    function twofunction() {
        console.log("第二次调用");
    }
    window.addEventListener("load",twofunction);

    // 第二种,封装window.onload,使用addLoadEvent,但直接使用window.onload还是会被替换的
    function addLoadEvent(func) {
        var oldonload = window.onload;
        if (typeof window.onload != 'function') {
            window.onload = func;
        } else {
            window.onload = function () {
                oldonload();
                func();
            }
        }
    }

    //测试
    addLoadEvent(function () { console.log(1) });
    addLoadEvent(function () { console.log(2) });
    addLoadEvent(function () { console.log(3) });

    // window.onload = function () { console.log(4) }// 上面的addLoadEvent会被替换
</script>
经验jswindow.onload覆盖问题
朗读
赞(0)
版权属于:

至尊技术网

本文链接:

https://www.zzwws.cn/archives/6364/(转载时请注明本文出处及文章链接)

评论 (0)

人生倒计时

今日已经过去小时
这周已经过去
本月已经过去
今年已经过去个月

最新回复

  1. 强强强
    2025-04-07
  2. jesse
    2025-01-16
  3. sowxkkxwwk
    2024-11-20
  4. zpzscldkea
    2024-11-20
  5. bruvoaaiju
    2024-11-14

标签云