El evento onerror HTML DOM se activa cuando se produce una interrupción al cargar un archivo externo.
Algunos eventos que ocurren si hay algún tipo de perturbación en el proceso de carga de medios son:
- abortar
- vaciado
- instalado
- suspender
Etiquetas admitidas
- <img>
- <tipo de entrada=”imagen”>
- , <objeto>
- <enlace>
- <script>
Sintaxis:
En HTML:
<element onerror="myScript">
En JavaScript:
object.onerror = function(){myScript};
En JavaScript, usando el método addEventListener():
object.addEventListener("error", myScript);
Ejemplo: uso de HTML
HTML
<!DOCTYPE html>
<html>
<body>
<center>
<h1 style="color:green">GeeksforGeeks</h1>
<h2>HTML DOM onerror event</h2>
<img src="image.gif" onerror="gfgFun()">
<script>
function gfgFun() {
alert('Error!!');
}
</script>
</center>
</body>
</html>
Producción:
Ejemplo: uso de JavaScript
HTML
<!DOCTYPE html>
<html>
<body>
<center>
<h1 style="color:green">GeeksforGeeks</h1>
<h2>HTML DOM onerror event</h2>
<img id="logo" src="image.gif">
<p id="try"></p>
<script>
document.getElementById(
"logo").onerror = function() {
myFunction()
};
function myFunction() {
document.getElementById(
"try").innerHTML = "Error!!";
}
</script>
</center>
</body>
</html>
Producción:
Ejemplo: uso del método addEventListener()
HTML
<!DOCTYPE html>
<html>
<body>
<center>
<h1 style="color:green">GeeksforGeeks</h1>
<h2>HTML DOM onerror event</h2>
<img id="logo" src="image.gif">
<p id="try"></p>
<script>
document.getElementById(
"logo").addEventListener("error", myFunction);
function myFunction() {
document.getElementById(
"try").innerHTML = "Error!!";
}
</script>
</center>
</body>
</html>
Producción:
Navegadores compatibles: los navegadores compatibles con HTML DOM onerror Event se enumeran a continuación:
- Google cromo 10
- Borde 12
- explorador de Internet 9
- Firefox 1
- safari de manzana 6
- Ópera 11.6
Publicación traducida automáticamente
Artículo escrito por Vijay Sirra y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA