Open In App

HTML DOM onerror Event

Improve
Improve
Like Article
Like
Save
Share
Report

The HTML DOM onerror event is triggered when an interruption occurs while loading an external file. Some events that occur if there is some kind of disturbance to the media loading process are: 

  • onabort
  • onemptied
  • onstalled
  • onsuspend

Supported Tags:

  • <img>
  •  <input type=”image”>
  • , <object>
  •  <link>
  •   <script>

Syntax:

In HTML:  

<element onerror="myScript">

In JavaScript:  

object.onerror = function(){myScript};

In JavaScript, using the addEventListener() method:  

object.addEventListener("error", myScript);

Example: Using 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>


Output:

 

Example: Using 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>


Output: 

 

Example: Using the addEventListener() method 

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>


Output: 

Supported Browsers: The browsers supported by HTML DOM onerror Event are listed below: 

  • Google Chrome 10
  • Edge 12
  • Internet Explorer 9
  • Firefox 1
  • Apple Safari 6
  • Opera 11.6


Last Updated : 23 Jun, 2023
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads