Page 1 of 1

Web History API

Posted: Fri Oct 27, 2023 9:07 am
by Guest
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















+1

Reference: https://www.w3schools.com/js/js_api_history.asp