两个方法相互替换（window.onload / Canvas JS）？

Question

之前我没有使用过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＆amp; diagram2.js文件，使用：

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

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