El problema es identificar si el script pasado se cargó correctamente o no usando JavaScript. Hay dos métodos que se discuten a continuación:
Enfoque 1:
- Establecer una variable cargada = falso.
- Pase la URL del archivo JavaScript en la etiqueta <script>.
- Establezca el parámetro onload , si el script está cargado, establezca cargado = verdadero.
Ejemplo: Este ejemplo ilustra el enfoque discutido anteriormente.
<!DOCTYPE HTML>
<html>
<head>
<title>
How to tell if a script tag failed
to load in JavaScript ?
</title>
<script>
var loaded = false;
</script>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"
onload="loaded=true;" >
</script>
</head>
<body style = "text-align:center;">
<h1 style = "color:green;">
GeeksgorGeeks
</h1>
<p id = "GFG_UP" style =
"font-size: 15px; font-weight: bold;">
</p>
<button onclick = "gfg_Run()">
Click here
</button>
<p id = "GFG_DOWN" style =
"font-size: 23px; font-weight: bold; color: green; ">
</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>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Enfoque 2:
- Establecer una variable cargada = falso.
- Pase la URL del archivo JavaScript en una etiqueta <script>.
- Establezca el parámetro onload , Activar alerta si se carga el script.
- De lo contrario, verifique la variable cargada, si es igual a falso, entonces el script no se cargó.
Ejemplo: Este ejemplo sigue el enfoque discutido anteriormente.
<!DOCTYPE HTML>
<html>
<head>
<title>
How to tell if a script tag failed
to load in JavaScript ?
</title>
<script>
var loaded = false;
</script>
<script src=""
onload="alert('Script loaded!'); loaded=true;" >
</script>
</head>
<body style = "text-align:center;" id = "body">
<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>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón Actualizar:
Publicación traducida automáticamente
Artículo escrito por PranchalKatiyar y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA