HTML5 History API

标签：style   blog   http   io   color   使用   sp   div   on   

以Html5 History API为关键词搜索，会得到很多结果，我仅根据自己的使用整理。

1、两个API

pushState和replaceState。

pushState向浏览器历史记录里增加一个状态，供浏览器后退前进时使用，用法

history.pushState(data, ‘页面标题‘, url);

replaceState就是替换某个状态，参数和pushState一样。

2、一个事件

onpopstate。

用户点击了前进或者后退就会触发，而不是使用pushState或者replaceState时触发。作用就是检测state是否改变，改变的话我们就可以自定义逻辑了。

window.onpopstate = function(e) {
    //你的代码
}

事件参数e里含有state属性，里面就是你push或者replace的状态。

注：这两个API知识改变了页面的url，具体的逻辑还要自己实现，一般根据state来进入ajax，有时会不靠谱，那就根据url。

尤其用户刷新页面时，会提示页面不存在，所以需要刚进入页面时根据url或者hash来进行判断，显示相应的内容。

http://www.zhangxinxu.com/wordpress/2013/06/html5-history-api-pushstate-replacestate-ajax/ 这里有一个例子很好。

HTML5 History API

标签：style   blog   http   io   color   使用   sp   div   on   

原文地址：http://www.cnblogs.com/zjzhome/p/4090426.html