避免使用window.onload
,可以使用现代的JavaScript方法来获取脚本并运行函数。以下是一个示例解决方法:
// 创建一个函数,用于在页面加载完成后运行的代码
function myFunction() {
// 在这里编写你的代码
console.log('页面加载完成!');
}
// 创建一个异步函数,用于获取脚本并运行函数
async function loadScript(url) {
// 创建一个Promise对象,用于获取脚本
const response = await fetch(url);
const script = await response.text();
// 创建一个script标签,并将获取到的脚本插入到标签中
const scriptTag = document.createElement('script');
scriptTag.innerHTML = script;
// 将script标签插入到页面的头部
document.head.appendChild(scriptTag);
// 在脚本加载完成后,运行myFunction函数
myFunction();
}
// 调用loadScript函数,并传入脚本的URL
loadScript('path_to_your_script.js');
在这个示例中,我们将页面加载完成后运行的代码放在myFunction
中。然后,使用loadScript
函数获取脚本并运行myFunction
函数。这样可以避免使用window.onload
,并且可以更灵活地控制脚本的加载和执行顺序。