Open In App

HTML | DOM onunload Event

Last Updated : 28 Jul, 2021
Improve
Improve
Like Article
Like
Save
Share
Report

The onunload event in HTML occurs once the page is unloaded. for example, when the page is loading and the browser window has been closed by the user or submit a form, click on a link, etc. 
This event also occurs when the page is reloaded.

Supported Tags

  • <body>

Syntax: 
 

  • In HTML: 
     
<element onunload="myScript">
  • In JavaScript: 
     
object.onunload = function(){myScript};
  • In JavaScript, using the addEventListener() method: 
     
object.addEventListener("unload", myScript); 

Example: Using the addEventListener() method 
 

html




<!DOCTYPE html>
<html>
 
<head>
    <title>HTML DOM onunload Event</title>
</head>
 
<body id="bID" onunload="GFGfun()">
    <center>
        <h1 style="color:green">GeeksforGeeks</h1>
        <h2>HTML DOM onunload Event</h2>
    </center>
 
    <script>
        document.getElementById(
            "bID").addEventListener("unload", GFGfun);
 
        function GFGfun() {
            alert("onunload event attribute called");
        }
    </script>
 
</body>
 
</html>


Output: 
 

Note: This event may not work always as expected.
Supported Browsers: The browsers supported by HTML DOM onunload Event are listed below: 
 

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Apple Safari
  • Opera

 


Like Article
Suggest improvement
Previous
Next
Share your thoughts in the comments

Similar Reads