个人中心
gpt4 book ai didi

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

转载 作者：行者123 更新时间：2023-11-28 01:30:22 27 4
gpt4 key购买 nike

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

假设我得到了这些文件:

index.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>

kalk.js

    function kalkInit() {

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

reck.js

    function reckInit() {
    ...
    };

所以我想在 window.onload 上加载 kalkInit 和 reckInit 。这应该在单独的文件中处理。我已经尝试过的是:

winonload.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);

关于javascript - 在单独的文件中使用多个 window.onload 事件，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22193955/

27 4 0
文章推荐： html - 使用 Materializecss 框架修复了导航栏位置未显示的位置
文章推荐： javascript - 在循环中定义ajax回调覆盖
文章推荐： javascript - 单击时如何在灯箱中对齐图像
文章推荐： javascript - FullPage.js 在 iExplore 中自动滑动
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com