Skip to content
Related Articles
Open in App
Not now

Related Articles

HTML | DOM History back() Method

Improve Article
Save Article
Like Article
  • Difficulty Level : Basic
  • Last Updated : 05 Jul, 2022
Improve Article
Save Article
Like Article

The History back() method in HTML is used to load the previous URL in the history list. It has the same practical application as the back button in our web browsers. This method will not work if the previous page does not exist. This method does not contain any parameter.
Syntax: 

history.back

Below program illustrates the History back() method in HTML: 
Example: 

html




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


Note: Here this button will not work because there is no previous url, you can try to copy the ide url and open any site paste the ide and copy paste the code and run it. 
Output: 
 

After click on the button: 
 

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

  • Google Chrome 1
  • Edge 12
  • Internet Explorer 10
  • Firefox 1
  • Opera 12.1
  • Safari 1

My Personal Notes arrow_drop_up
Like Article
Save Article
Related Articles

Start Your Coding Journey Now!