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

Question

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

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

第一个JavaScript文件：

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

第二个 JavaScript 文件：

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

这是我索引中的截图.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。