javascript - 如何链接两个文件都具有 onload 事件的多个 javascript 文件？

Question

我有两个文件 file1 和 file2 并且在这两个文件中都使用了 window.onload。当我在 html 中链接到这些文件时

<script type="text/javascript" src="file1.js">
<script type="text/javascript" src="file2.js">

第二个文件正在运行（触发其 onload 事件），而第一个文件已死。我该怎么做才能使两个文件都运行？除了制作一个大文件（file1的内容+file2的内容）之外，还有其他方法吗？

Answer 1

使用addEventListener：

window.addEventListener('load', function(){

回调都被调用，添加一个不会删除您之前添加的回调。

如果您想与 IE8 兼容，请使用这样的 shim：

function addOnLoad(callback) {
    if (window.addEventListener) window.addEventListener('load', callback)
    else (window.attachEvent('onload', callback);
}

addOnLoad(function(){