如何确保<script>标记成功加载Javascript？

Question

我正在学习制作Web应用程序。

＆＃xA;＆＃xA;

看起来像脚本标记

＆＃xA;＆＃xA;

 ＆lt; script src =“... js”＆gt;＆lt; / script＆gt;＆＃xA;  

＆＃xA;＆＃xA;

有时失败。

＆ #xA;＆＃xA;

我试图找到解决方法，但我找不到确切的解决方案。

＆＃xA;＆＃xA;

如何确保脚本标记成功加载Javascript？

＆＃xA;＆＃xA;

提前感谢您的帮助。

＆＃xA;

Answer 1

为onerror和/或onload事件添加处理程序。

<script>
    function errorHandler(script) {
        script.src = "backupLib.js";
    }
</script>
<script src="someLib.js" onerror="errorHandler(this)"></script>

Answer 2

浏览器开发者工具将帮助您......

在浏览器中加载网站并打开开发人员工具，然后打开网络选项卡，刷新页面。

在那里你可以看到资源的状态，页面中加载的内容（图片，js，css ..），如果状态代码 200 那么它是确定。

Answer 3

1. 脚本标记没有错误事件处理程序。

2. 但我们可以使用onload事件处理程序，如下所示：

   <script>
       function fileLoaded(name) {
          console.log('JS File loaded # '+ name  );
          alert('JS File loaded # '+ name  );
       }
   
       function fileLoadingError(name) {
          console.log('File error # '+ name  );
       }
   </script>
   <script src=".../jsFile.js" onload="fileLoaded('1')" onerror="fileLoadingError('1')"></script>
   

3. 请务必先保留此功能。

4. 即使出现错误，也会调用onload方法。