0%

使用js加载js文件

使用 js 加载其他的 js 文件

方法一 ES6,同步

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
function loadScript(url) {
return new Promise((resolve, reject) => {
const scriptELement = document.createElement("script");
scriptELement.src = url;
scriptELement.onload = resolve;
scriptELement.onerror = reject;
});
}

loadScript("xxx.js")
.then(() => {
console.log("load ok");
})
.catch((error) => {
console.log("error : ", error);
});

按顺序加载多个 js 文件

1
2
3
4
5
6
7
8
9
async function loadScriptList(list) {
for (let i = 0; i < list.length; i++) {
await loadScript(list[i]);
}
}

loadScriptList(["1.js", "2.js", "3.js"]).then(() => {
console.log("load ok");
});

Async_scripts

方法 2 异步

1
2
3
var script = document.createElement("script");
script.src = "file.js";
document.body.appendChild(script);