HTML5: Managing Browser History

with Bill Weinman
please wait ...
HTML5: Managing Browser History
Video duration: 0s 35m 33s Intermediate


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.

Topics include:
  • 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()
Developer Web


- [Voiceover] 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.

please wait ...