如何让window.onload里面的方法按顺序执行
时间: 2024-03-02 12:50:03 浏览: 19
可以使用回调函数或Promise来解决window.onload中方法按顺序执行的问题。
使用回调函数:
```javascript
window.onload = function() {
firstFunction(function() {
secondFunction(function() {
thirdFunction();
});
});
};
function firstFunction(callback) {
// 第一个方法的代码
callback();
}
function secondFunction(callback) {
// 第二个方法的代码
callback();
}
function thirdFunction() {
// 第三个方法的代码
}
```
使用Promise:
```javascript
window.onload = function() {
runFunctions().then(function() {
console.log("所有方法执行完毕");
});
};
function runFunctions() {
return new Promise(function(resolve, reject) {
firstFunction();
secondFunction();
thirdFunction();
resolve();
});
}
function firstFunction() {
// 第一个方法的代码
}
function secondFunction() {
// 第二个方法的代码
}
function thirdFunction() {
// 第三个方法的代码
}
```
以上两种方法都可以保证window.onload中的方法按顺序执行。