导读 大家好呀，这里是Cassie~今天想跟大家分享一个有趣的前端小知识——关于`window.onload`事件的执行顺序问题！😉首先我们知道，`window.onlo...
大家好呀，这里是Cassie~今天想跟大家分享一个有趣的前端小知识——关于`window.onload`事件的执行顺序问题！😉
首先我们知道，`window.onload`通常用于确保页面完全加载完毕后才执行某些操作。但如果你尝试为它赋值多个函数，比如：
```javascript
window.onload = function() {
console.log("第一个函数");
};
window.onload += function() {
console.log("第二个函数");
};
```
你可能会惊讶地发现，只有最后一个函数被执行！这是因为`window.onload`是一个属性，而非数组或事件监听器列表。每次赋值时都会覆盖之前的值。😢
那如何解决呢？其实我们可以使用`addEventListener`来实现多个函数的绑定，这样它们会按照添加的顺序依次执行：
```javascript
window.addEventListener('load', function() {
console.log("第一个函数");
});
window.addEventListener('load', function() {
console.log("第二个函数");
});
```
这样一来，就能愉快地让每个函数都按顺序跑起来了！🎉
希望这个小技巧对你有帮助，记得点赞+收藏哦～💖
