JavaScript 如何判断脚本标签是否加载失败

问题是使用JavaScript来判断传递的脚本是否成功加载。下面讨论了两种方法：

方法1

• 设置一个变量loaded = false。
• 在<script>标签中传递JavaScript文件的URL。
• 设置 onload 参数，如果脚本加载成功，则设置loaded = true。

示例： 以下示例说明了上述方法。

<script>
    var loaded = false;
</script>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"
        onload="loaded=true;">
</script>
<h1 style="color:green;">
    GeeksforGeeks
</h1>
<p id="GFG_UP">
</p>
<button onclick="gfg_Run()">
    Click here
</button>
<p id="GFG_DOWN">
</p>
<script>
    var el_up = document.getElementById("GFG_UP");
    var el_down = document.getElementById("GFG_DOWN");
 
    el_up.innerHTML = "Click on the button to check "
        + "whether script is loaded or not.";
 
    function gfg_Run() {
        if (loaded) {
            el_down.innerHTML = "Loaded Successfully!";
        }
        else {
            el_down.innerHTML = "Not loaded!";
        }
    }        
</script>

输出：

如何判断<script>标签加载失败？

方法2

• 设置一个变量loaded = false。
• 在<script>标签中传递JavaScript文件的URL。
• 设置 onload 参数，如果脚本加载完成，则触发警报。
• 如果不成功，则检查loaded变量，如果它等于false，则脚本未加载。

示例： 此示例按照上面讨论的方法进行操作。

<script>
    var loaded = false;
</script>
 
<script src="" onload="alert('Script loaded!'); loaded=true;">
</script>
 
<h1 style="color:green;">
    GeeksforGeeks
</h1>
 
<p id="GFG_UP" style="font-size: 15px; font-weight: bold;">
</p>
 
<script>
    var el_up = document.getElementById("GFG_UP");
    el_up.innerHTML = "Click on the refresh button "
        + "to check whether script is loaded or not.";
 
    if (!loaded) {
        alert("Script not loaded!");
    }
</script>

输出：

如何判断<script>标签加载失败了？