HTML | DOM History go() Method

The History go() method in HTML is used for loading a specific URL from the history list. It is a better alternative to history.back() and history.forward() methods if a number or the URL of the specific page are known which want to load from your history.

Syntax:

history.go( number|URL )

Parameters: This method accepts single parameter number|URL which is mandatory and used to specify either the number/position of the URL in the history list or the URL of the page. -1 is used to go one page back and 1 is used to go one page forward.

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

Example:

filter_none

edit
close

play_arrow

link
brightness_4
code

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

chevron_right


Output:

Example 2: For going to the previous URL in the history list.

filter_none

edit
close

play_arrow

link
brightness_4
code

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

chevron_right


Output:

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

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


My Personal Notes arrow_drop_up

I am a technology enthusiast who has a keen interest in programming I am pursuing Engineering in Computer Science from GEU, Dehradun I like to unwind by watching movies and English sitcomsI have a keen interest in music

If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to contribute@geeksforgeeks.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.

Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.




Article Tags :
Practice Tags :


Be the First to upvote.


Please write to us at contribute@geeksforgeeks.org to report any issue with the above content.