1.Length: The length property of the history object indicates the number of entries in the browsing history stack.
console.log(window.history.length);
// Outputs the number of entries in the history stack
2.Back and Forward Navigation: The back() and forward() methods allow you to navigate backward and forward through the browsing history stack, respectively.
window.history.back();
// Navigates to the previous page in the history stack
window.history.forward();
// Navigates to the next page in the history stack
3.Go to Specific History Entry: The go() method allows you to navigate to a specific entry in the browsing history stack by specifying a positive or negative integer representing the number of steps to go backward or forward.
window.history.go(-2);
// Navigates two steps back in the history stack
window.history.go(3);
// Navigates three steps forward in the history stack
4.Manipulating History: You can manipulate the browsing history by adding, replacing, or removing entries using the pushState(), replaceState(), and go() methods in combination with the window.location object.
// Add a new entry to the history stack
window.history.pushState(stateObject, title, url);
// Replace the current entry in the history stack
window.history.replaceState(stateObject, title, url);
// Remove the last entry from the history stack
window.history.go(-1);
5.State Object: When using pushState() or replaceState(), you can pass a state object that represents the state associated with the new history entry. This object can contain any serializable data.
