使用js加载js文件

发表于 2020-10-27 更新于 2022-08-17 分类于 JavaScript
本文字数： 833 阅读时长 ≈ 1 分钟

使用 js 加载其他的 js 文件

方法一 ES6，同步

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 文件

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);