HTML5: Managing Browser History
Video: WelcomePrevent page refreshes when updating parts of a page, and make navigation more efficient using the enhancements to the Session History API provided with HTML5.
This course describes how to use the HTML5 Session History application programming interface to present bookmark-friendly URLs while updating parts of a page and preventing unnecessary network activity. Author Bill Weinman shows how to manipulate history by adding entries to the stack, visibly changing the URL in the address bar, and removing entries when the user presses the back or forward buttons, all without reloading the web page. The course uses practical examples that can be applied to most web sites, and also shows how to detect support for the History API in browsers and how to handle exceptions.
- Manipulating browser history: an overview
- Detecting History API support
- Pushing a new URL onto the stack
- Handling back and forward buttons with the popstate event
- Updating the stack with replaceState()
Hi, I'm Bill Weinman, and I'd like to welcome you to HTML5: Managing Browser History. In this course, we'll look at the HTML5 session history application programming interface, including how to push history items onto the stack, how to modify the current history item, and how to use history events to update items on your page when a user presses the Back and Forward buttons. I'll also show you a complete working application that uses the HTML5 session history API to build a simple photo viewer, demonstrating real-world usage of the session history API and putting your knowledge to work.
Learn how to use this new technology in HTML5: Managing Browser History.
There are currently no FAQs about HTML5: Managing Browser History.