javascript - 两种方法互相替换(window.onload/Canvas JS)？

Question

这个问题已经有答案了:

Best practice for using window.onload (7 个回答)

已关闭 8 年前。

我以前没有使用过 javascript，所以我仍在学习基础知识。

我在我的主文件中包含了两个名为index.html 的javascript 文件。这样做的原因是让用户通过单击导航工具栏来选择要显示的 javascript 文件(图 1 或 图 2)。问题是这两个 javascript 文件都有一个名为 window.onload 的相同方法，因此它们会相互替换。如何防止这两个javasript文件相互替换？

第一个 JavaScript 文件:

window.onload = function {// Preview diagram 1}

第二个 JavaScript 文件:

window.onload = function {// Preview diagram 2}

这是我的index.html 中的内容的片段

<script type="text/javascript" src="js/diagram1.js"></script>
<script type="text/javascript" src="js/diagram2.js"></script>

Answer 1

在您的diagram1.js 和diagram2.js 文件中，使用:

$(window).on("load", function() {
       // your init code
});

在窗口加载上执行操作，而不是将函数注册到 window.onload。