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

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

我在主文件index.html中包含了两个javascript文件。这样做的原因是让用户通过单击导航工具栏来选择要显示图1或图2的javascript文件。问题是这两个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>

---

在diagram1.js和diagram2.js文件中，使用：

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

---

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

您可以使用jQuery绑定onload事件，让两个处理程序都被触发：$window.on'load'，函数{…}；谢谢，这很有效。但是为什么这样做呢？这是因为window.onload是一个全局对象，所以当您在diagram2.js文件中注册它时，它会被覆盖。