HTML5历史管理状态机制

前言：想要不刷新页面同时改变url 可以用HTML5 window对象的 hashChange 事件。同时介绍两个相关的api 和 1个事件。

两个API:
1.
history.pushState({name:'blog'},'','blog.html')；此api会在history历史状态栈中添加一条记录。‘前进’ ‘后退’按钮可使用，并触发popstate事件。
接受3个参数：
第一个：详尽的状态信息。提供给popstate 事件的 事件对象的state属性（event.state ）；
第二个：新状态的标题，目前没有浏览器实现，可以传空字符串
第三个：相对url。（如果传入的地址是绝对地址，要求不能跨域，否则浏览器报错）

2.
与之相反的是另外一个api
history.repalceState({name:'blog'},'','blog.html')；参数同此pushState 一样，唯一的区别是api不会在history历史状态栈中添加一条记录，只会重新当前状态。

一个事件
window 对象的 popstate事件，在按下‘前进’ ‘后退’按钮并触发。

小贴士：
在用pushState 创造‘假’url时，请确保 Web服务器上有一个真实存在的url与之对应。 否则刷新页面时会报 404错误。