Skip to content
Related Articles

Related Articles

Improve Article
HTML | DOM History forward() Method
  • Difficulty Level : Basic
  • Last Updated : 24 Jul, 2019

The History forward() method in HTML is used to load the next URL in the history list. It has the same practical application as the forward button in the web browsers. This method will not work if the next page will not exist in the history list.

Syntax:

history.forward

Below program illustrates the History forward() method in HTML:

Example:




<!DOCTYPE html>
<html>
    <head
        <title>DOM History.forward() Method</title
        <style
            h1 { 
                color:green; 
            
            h2 {
                font-family: Impact;
            }
            body { 
                text-align:center; 
            
        </style
    </head>
    <body>
        <h1>GeeksforGeeks</h1
        <h2>DOM History.forward( ) Method</h2
        <p>
          For going to the next URL in the history
          double-click the "Go next" button: 
        </p>
        <button ondblclick="history_forward()">
          Go next
        </button>
        <script>
            function history_forward() {
                window.history.forward(); 
            }
        </script>
    </body>
</html>                    

Output:

After click on the button:

Supported Browsers: The browser supported by History forward() method are listed below:

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



My Personal Notes arrow_drop_up
Recommended Articles
Page :