HTML5 History API

With HTML5 history API for keyword search, will get a lot of results, I only according to their own use collation.

1, two API

Pushstate and Replacestate.

Pushstate adds a state to the browser's history for use when the browser backs forward

History.pushstate (data, ' page title ', URL);

Replacestate is to replace a state with the same parameters as the pushstate.

2. An event

Onpopstate.

The user clicks forward or backward to trigger, rather than when using pushstate or replacestate. The function is to detect if the state changes, and then we can customize the logic.

function (e) {    // your code }

The event argument e contains the State property, which is the status of your push or replace.

Note: These two API knowledge changed the URL of the page, the specific logic to implement their own, generally according to state to enter the Ajax, sometimes not reliable, that is based on the URL.

In particular, users refresh the page, will prompt the page does not exist, so need to just enter the page according to the URL or hash to judge, display the corresponding content.

http://www.zhangxinxu.com/wordpress/2013/06/html5-history-api-pushstate-replacestate-ajax/Here is a good example.

HTML5 History API