在单独的文件中使用多个 window.onload 事件

我有一个问题，无法弄清楚，如果你们中的任何人能帮助我，我会很高兴。所以基本上我要做的是将多个 window.onload 事件放在一个单独的文件中，该文件启动我的脚本。为了弄清我的意思，她是我的情况：

假设我得到了这些文件：

索引.html

    <html>
    <head>
        <link rel="stylesheet" href="style.css" type="text/css">
        <script type="text/javascript" src="kalkevent.js"></script>
        <script type="text/javascript" src="reckevent.js"></script>
        <script type="text/javascript" src="winonload.js"></script>
    </head>
    <body>
        <div id="topColumn">
            ...
        </div>
        <div id="bottomColumn">
            ...
        </div>
    </body>
    </html>

卡尔克.js

    function kalkInit() {
    Array.prototype.slice.call(document.forms[0].elements).forEach(function(element) {
        ...
    });
    };

雷克.js

    function reckInit() {
    ...
    };

所以我想加载 kalkInit 并在 window.onload 上重新计算。这应该在单独的文件中处理。我已经尝试过的是：

薇薇.js

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

但它根本不起作用。所以我的问题是我是否可能尝试做什么。如果是，有人可以帮我吗？:)

你可以考虑使用 jQuery。在您的 winonload 中.js您只需要：

$(window).on("load", kalkInit);
$(window).on("load", reckInit);

也许你必须调用你的onloadfunction：

 <body onload="addLoadEvent();">

相关内容

最新更新

热门标签：