The History API lets you interact with the browser history, trigger the browser navigation methods and change the address bar content.
It’s especially useful in combination with modern Single Page Applications, on which you never make a server-side request for new pages, but instead the page is always the same: just the internal content changes.
Also, when navigating the app, the view changes but the address bar does not.
And also the reload button breaks: reloading the page, since there is no deep linking, is going to make the browser show a different page
The History API is available on the
window object, so you can call it like this:
window is the global object.
Lessons in this unit:
|Navigating the history
|Add an entry to the history
|Modify history entries
|Access the current history entry state
|The `popstate` event
|The `hashchange` event