HTML | Evento de error de DOM

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

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *