JavaScript History
JavaScript Basics

JavaScript History

JavaScript Window History

The window.history object contains the browser's history.

Window History

The window.history object can be accessed without the window prefix.

For privacy reasons, there are limitations on how JavaScript can access this object.

Some methods:
  • history.back(): Loads the previous URL in the history list (same as clicking the Back button in the browser).
  • history.forward(): Loads the next URL in the history list (same as clicking the Forward button in the browser).

Window History Back

The history.back() method loads the previous URL in the history list, equivalent to clicking the Back button in the browser.

Example:

Create a back button on a page:

<!DOCTYPE html><html><head><script>function goBack() {  window.history.back();}</script></head><body><input type="button" value="Back" onclick="goBack()"></body></html>

Window History Forward

The history.forward() method loads the next URL in the history list, equivalent to clicking the Forward button in the browser.

Example:

Create a forward button on a page:

<!DOCTYPE html><html><head><script>function goForward() {  window.history.forward();}</script></head><body><input type="button" value="Forward" onclick="goForward()"></body></html>
Take a look into your desired course