Web History API
Posted: Fri Oct 27, 2023 9:07 am
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
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