使用window.onload多次
使用window.onload多次
如果我写下这段代码：
$(document).ready( function () {
alert("bla1");
});
$(document).ready( function () {
alert("bla2");
});
一切都很好，会弹出两个警告框，但是如果代码是这样的：
window.onload = function () {
alert("bla1");
}
window.onload = function () {
alert("bla2");
}
第二个警告框不会弹出，请告诉我，为什么两个或者更多的window.onload是错误的？
使用window.onload多次的原因是因为重写了window.onload事件处理函数。解决方法是只使用一次window.onload事件处理函数，或者使用jQuery的事件处理函数来代替原生的window.onload事件处理函数。
代码示例：
// 方法一：只使用一次window.onload事件处理函数
window.onload = function() {
// 在这里添加需要执行的代码
}
// 方法二：使用jQuery的事件处理函数
$(document).ready(function() {
// 在这里添加需要执行的代码
})
注意：使用jQuery的事件处理函数不需要等到整个页面加载完毕后执行，而是在DOM加载完毕后即可执行。因此，使用jQuery的事件处理函数可以更早地执行代码。
在JavaScript中，我们经常使用window.onload来确保在页面完全加载后再执行某些操作。然而，有时候我们可能需要在同一个页面中多次使用window.onload，但我们会发现只有最后一个window.onload会被执行，而前面的被忽略了。那么，为什么会出现这个问题呢？该如何解决呢？
问题的原因在于window.onload是一个事件，而不是一个函数。当我们多次使用window.onload时，后面的事件会覆盖前面的事件，因此只有最后一个事件会被执行。
为了解决这个问题，我们可以使用addEventListener来为window对象添加多个load事件监听器。这样，每个事件监听器都会被触发，实现我们期望的行为。
下面是解决问题的代码示例：
window.addEventListener("load", function () {
alert("bla1");
}, false);
window.addEventListener("load", function () {
alert("bla2");
}, false);
在上述代码中，我们使用addEventListener为window对象添加了两个load事件监听器。当页面加载完成后，两个监听器都会被触发，分别显示"bla1"和"bla2"的弹窗提示。
总结一下，当我们需要在页面加载完成后执行多个操作时，应该使用addEventListener而不是多次使用window.onload。这样可以确保所有的操作都能得到执行，避免出现只执行最后一个操作的问题。
