js-window.onload只能调用一次的问题！

最新推荐文章于 2024-08-15 11:39:27 发布

原创最新推荐文章于 2024-08-15 11:39:27 发布 · 7.6k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#js #元素加载完毕

js 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一个实用的方法_addLoadEvent，用于解决网页加载时多次触发onload事件的问题。该方法能够确保即使多次调用，也能按顺序正确执行所有绑定的函数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

详细：http://www.softwhy.com/forum.php?mod=viewthread&tid=6191
_addLoadEvent这个方法就是判断是否多次调用了onload，如果多次调用，就把多个调用的方法再Window.onload里面依次执行

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

_addLoadEvent(spring_m);

_addLoadEvent(spring_h);

function spring_x(){
    document.write('x');
}

function spring_m(){
    document.write('m');
}

function spring_h(){
    document.write('h');
}

其实很简单的，_addLoadEvent（func），传一个函数进去，然后判断window.onload有没“绑定”一个函数（就是typeof(window.onload) != ‘function’），如果不是，就直接执行传进来的func函数。如果已经“绑定”了，那么将老的函数跟新的函数全部定义到window.onload的内部，一次执行。即：window.onload = function(){ oldonload(); func();}