bugl
bugl
HomeLearnPatternsSearch
HomeLearnPatternsSearch

Loading lesson path

Learn/JavaScript/Objects, Classes, and Advanced Patterns
JavaScript•Objects, Classes, and Advanced Patterns

Web History API

The Web History API provides easy methods to access the windows.history object. The window.history object contains the URLs (Web Sites) visited by the user. The Web History API is supported in all browsers:

Yes

Yes

Yes

Yes

Yes

The History back() Method

The back() method loads the previous URL in the windows.history list. It is the same as clicking the "back arrow" in your browser.

Example

<button onclick="myFunction()">Go Back</button> <script>

function myFunction() {
window.history.back();
}

</script>

Go Back

The History go() Method

The go() method loads a specific URL from the history list:

Example

<button onclick="myFunction()">Go Back 2 Pages</button> <script>

function myFunction() {
window.history.go(-2);
}

</script>

Go Back 2 Pages

History Object Properties

Property

Description length

Returns the number of URLs in the history list

History Object Methods

Method

Description back()

Loads the previous URL in the history list forward() Loads the next URL in the history list go() Loads a specific URL from the history list

Previous

Web Geolocation API

Next

Pointer Events API