javascript冲突多个body onload事件需要排在第一个

发布于 2024-11-04 07:13:17 字数 913 浏览 6 评论 0原文

我有多个需要使用 body onload 事件的 javasript

这应该是一个简单的解决方案 - 只需将所有事件添加到行中，如下所示：

<body onload="showContent();
    randomImages();
    placeIt();
    showIt();
    preloadImgs();
    initialize()">

但是生活当然不是那么简单.. 由于某种原因，某些脚本需要排在第一个。因此，如果我将 showContent(); 放在前面，则 randomimages 将不会执行，反之亦然。

我还尝试用这样的脚本替换 onload 事件

if ( typeof window.addEventListener != "undefined" )
    window.addEventListener( "load", showContent, false );
else if ( typeof window.attachEvent != "undefined" ) {
    window.attachEvent( "onload", showContent );
}
else {
    if ( window.onload != null ) {
        var oldOnload = window.onload;
        window.onload = function ( e ) {
            oldOnload( e );
            showContent();
        };
    }
    else
         window.onload = showContent;
}

到目前为止，我还没有解决此冲突的方法。有人有好主意吗？

原文

I have multiple javasripts that needs using body onload event

It should be simple solution for that - just add all events in row like this:

<body onload="showContent();
    randomImages();
    placeIt();
    showIt();
    preloadImgs();
    initialize()">

But of course life isnt so simple..
fore some reason some scripts needs to be FIRST in row. So if I put showContent(); first, randomimages wont execute and vice versa.

I also tried replace onload event with script like this

if ( typeof window.addEventListener != "undefined" )
    window.addEventListener( "load", showContent, false );
else if ( typeof window.attachEvent != "undefined" ) {
    window.attachEvent( "onload", showContent );
}
else {
    if ( window.onload != null ) {
        var oldOnload = window.onload;
        window.onload = function ( e ) {
            oldOnload( e );
            showContent();
        };
    }
    else
         window.onload = showContent;
}

So far I have no solution for this conflict. Does somebody have good idea?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

梦一生花开无言 2024-11-11 07:13:18

为什么不创建另一个包含所有这些函数的函数，然后在加载时调用该函数？这是假设您的函数不具有其他函数的依赖关系。

showContent();randomImages();placeIt();showIt();preloadImgs();initialize()

可以放在更有条理的位置：

function Init()
{
      showContent(); // if this errors out, execution for the rest stops
      randomImages();
      placeIt();
      showIt();
      preloadImgs();
      initialize();
}

Why not create another function that holds all those functions and then call that one function on load? This is assuming your functions doesn't have some dependencies from the other functions.

showContent();randomImages();placeIt();showIt();preloadImgs();initialize()

can be in a bit more organized location:

function Init()
{
      showContent(); // if this errors out, execution for the rest stops
      randomImages();
      placeIt();
      showIt();
      preloadImgs();
      initialize();
}

回复收藏 0 原文