TypechoJoeTheme

至尊技术网

统计
登录
用户名
密码
/
注册
用户名
邮箱

悠悠楠杉

网站页面

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

2022-09-14
/
0 评论
/
437 阅读
/
正在检测是否收录...
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)