Skip to content
Related Articles

Related Articles

Improve Article
Save Article
Like Article

HTML | DOM onpageshow Event

  • Last Updated : 27 Jul, 2021

The DOM onpageshow event in HTML occurs on navigating a webpage by the user.
the onload event does not occur when the page is loaded from the cache and onpageshow event occurs every time the page is loaded otherwise both the events are similar.
Supported Tags

  • <body>

Syntax: 
 

Attention reader! Don’t stop learning now. Get hold of all the important HTML concepts with the Web Design for Beginners | HTML  course.

  • In HTML: 
     
<element onpageshow="myScript">

 

  • In JavaScript: 
     
object.onpageshow = function(){myScript};

 



  • In JavaScript, using the addEventListener() method: 
     
object.addEventListener("pageshow", myScript); 

Example: Using JavaScript 
 

html




<!DOCTYPE html>
<html>
 
<head>
    <title>
        HTML DOM onpageshow Event
    </title>
</head>
 
<body>
    <center>
        <h1 id="hID"
            style="color:green">
      </h1>
       
        <h2>HTML DOM onpageshow Event</h2>
    </center>
   
    <script>
        document.getElementsByTagName(
          "BODY")[0].onpageshow = function() {
            GFGfun()
        };
 
        function GFGfun() {
            document.getElementById("hID").innerHTML =
              "GeeksforGeeks";
        };
    </script>
 
</body>
 
</html>


Output: 
 

Example: Using the addEventListener() method 
 

html




<!DOCTYPE html>
<html>
 
<head>
    <title>
        HTML DOM onpageshow Event
    </title>
</head>
 
<body>
 
    <center>
        <h1 id="hID" style="color:green">
      </h1>
        <h2>HTML DOM onpageshow Event</h2>
    </center>
 
    <script>
        window.addEventListener("pageshow", Geeks);
 
        function Geeks() {
            document.getElementById("hID").innerHTML =
                "GeeksforGeeks";
        }
    </script>
 
</body>
 
</html>


Output: 
 

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

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

 




My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!