如何使用javascript动态添加脚本标记，并检测脚本是否无法加载文件？

我知道如何使用append函数向body或head添加脚本标记。但是，如果我试图添加的文件（example.js）不存在，它会给出一个错误。如何检测是否发生这种情况？

我认为您可以执行以下操作：

  script = document.createElement('script');
  script.type = 'text/javascript';
  script.onerror = () => {
    // Whatever you want to do in case the load fails
  };
  script.src = '...' // your src for the script

  // After this, append the script to wherever you want in the HTML document

---

希望有帮助

脚本元素具有可侦听的加载和错误事件

在加载事件处理程序中运行依赖代码，并在错误处理程序中执行其他操作

加载jQuery的示例：

var jQurl='1〕https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js'
var s=document.createElement（'script'）；
s、 src=jQurl；
s、 onerror=函数（err）{
console.log（错误）
}
s、 onload=init；
文件。标题。附录子项；
函数init（）{
log（'jqueryversion='，jquery.fn.jquery）
$（'body'）.append（'Loaded！'）；
}

我尝试在不使用jquery的情况下使用js来实现这一点。将在我尝试此操作后更新。此外，我正在使用一个可以通过脚本和回调调用的函数来加载脚本。我将尝试使用这个，并在我得到一些有用的东西后再次发布。我只是以jQuery为例。这种方法不依赖于jQuery，只依赖于我在加载处理程序中运行的内容，您可以用代码所做的任何事情来替换它