在前端开发中，我们经常需要在页面加载完成后执行一些操作。最常见的方式就是使用 window.onload 事件来实现。但是如果需要添加多个 window.onload 事件，该如何实现呢？本文将介绍两种实现方法，并提供示例代码。
方法一：使用addEventListener()
我们可以使用 addEventListener() 方法来为 window 对象添加 load 事件。这样我们就可以添加多个 onload 事件了。
示例代码：
window.addEventListener('load', function() {
// 第一个 onload 事件处理程序
});
window.addEventListener('load', function() {
// 第二个 onload 事件处理程序
});上面的代码中，我们为 window 对象添加了两个 load 事件处理程序。当页面加载完成后，它们会按照添加顺序依次执行。
方法二：使用window.onload属性
另外一种方法是使用 window.onload 属性。与 addEventListener() 方法不同的是，当我们给 window.onload 属性赋值时，之前的值会被覆盖掉，所以我们需要先保存之前的值，再添加新的事件处理程序。
示例代码：
-- -------------------- ---- -------
--- -------------- - --------------
------------- - ---------- -
-- ---------------- -
-----------------
-
-- --- ------ ------
--
------------- - ---------- -
-- ---------------- -
-----------------
-
-- --- ------ ------
--上面的代码中，我们先保存了之前的 window.onload 值，并在新的 onload 事件处理程序中调用它。这样就能够添加多个 onload 事件处理程序了。
总结
以上是两种添加多个 window.onload 事件的方法。使用 addEventListener() 方法可以添加多个事件处理程序，但是需要注意它们的执行顺序。而使用 window.onload 属性则需要先保存之前的值，再添加新的事件处理程序。根据实际情况选择合适的方法即可。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/13739