How to use history.go() method In Javascript

Method 2: Using the history.back() method

The go() method of the window.history object is used to load a page from the session history. It can be used to move forward or backward using the value of the delta parameter. A positive delta parameter means that the page would go forward in history. Similarly, a negative delta value would make the page go back to the previous page. This method can be used with ‘-1’ as the delta value to go back one page in history. The onclick event can be specified with the method to go back one page in history.

Syntax:

window.history.go(-1);

Note: If we want to go back more than one step then increase the value of delta from ‘-1’ to as much as you want.

Example: This example shows the use of history.go() method for going back to the previous page of the browser.

Page 1

<!DOCTYPE html>
<html>
 
<head>
    <title>
        How to make browser to go back to
        previous page using JavaScript ?
    </title>
</head>
 
<body>
    <h1 style="color: green">
        w3wiki
    </h1>
 
    <b>
        Onclick javascript to make browser
        go back to previous page?
    </b>
 
    <h2>Page 1</h2>
 
    <p>
        Click on the link to get
        to the second page.
    </p>
 
    <a href="page2.html">Go to Page 2</a>
</body>
 
</html>

Page 2

<!DOCTYPE html>
<html>
 
<head>
    <title>
        How to make browser to go back to
        previous page using JavaScript ?
    </title>
</head>
 
<body>
    <h1 style="color: green">
        w3wiki
    </h1>
 
    <b>
        Onclick javascript to make browser
        go back to previous page?
    </b>
 
    <h2>Page 2</h2>
 
    <p>
        Click on the button to go back
        to the previous page.
    </p>
 
    <button onclick="history.go(-1)">
        Click here to go back
    </button>
</body>
 
</html>

Output:

Going back to previous page by using history.go() method

How to make browser to go back to previous page using JavaScript ?

There are two popular ways to make browsers go back to the previous page by clicking the JavaScript event.

These are the following two ways:

Table of Content

Using history.go() method
Using the history.back() method

Tags:

#JavaScript-Questions #JavaScript #Web Technologies