🎉 js window.onload 加载多个函数和追加函数 🌟

在前端开发中，`window.onload` 是一个非常实用的事件，用于确保页面完全加载后再执行代码。但当需要加载多个函数时，直接覆盖会导致之前的函数丢失。这时，我们需要巧妙地追加函数到 `onload` 中！

首先，我们可以直接定义多个函数：

```javascript

function func1() {

console.log('Function 1 loaded!');

}

function func2() {

console.log('Function 2 loaded!');

}

```

接着，通过以下方式追加函数：

```javascript

window.onload = function() {

func1();

};

window.onload = function() {

func2();

};

```

这种方式会覆盖之前的 `onload`，导致只有最后一个函数生效。因此，推荐使用 `addEventListener` 或手动扩展：

```javascript

function addLoadEvent(func) {

var oldOnload = window.onload;

if (typeof window.onload !== 'function') {

window.onload = func;

} else {

window.onload = function() {

if (oldOnload) oldOnload();

func();

};

}

}

addLoadEvent(func1);

addLoadEvent(func2);

```

这样，所有函数都会按顺序执行，页面加载更灵活高效！💡

✨ 值得注意的是，这种方法不仅优雅，还能避免冲突，让代码更加模块化和易于维护。快试试吧！ 🚀

　　免责声明：本文由用户上传，与本网站立场无关。财经信息仅供读者参考，并不构成投资建议。投资者据此操作，风险自担。 如有侵权请联系删除！