浏览器有一个history对象，用来保存浏览历史，用户可以通过点击浏览器的后退或前进按钮在历史记录中切换。之前对history的操作的API主要是前进、后退、跳转等，而在HTML5中提供了2个新方法来加强对history的管理。
pushState和replaceState是一个HTML5的新接口，他们的作用非常大，可以做到改变网址却不需要刷新页面
history.pushState(state, title, url);
history.replaceState(state, title, url);
state：一个与指定历史记录相关联的状态对象，当popstate事件触发时，会把该对象传入回调函数。如果不需要用到，可以传null。
title：页面的标题。但当前大多数浏览器都不支持或忽略这个值。可以传null。
url：添加或修改的history的网址。为了安全性，必须保持与当前URL同一个域。
举例
当前页是 example.com/1.html history中此时只有一条当前页面的记录
history.pushState(null, null, “2.html”)后，浏览器的地址栏会显示example.com/2.html，但并不会跳转到2.html，甚至并不会去检查2.html存不存在，只是加入一个最新的历史记录项。此时history中会有两个记录。假如你此时点击页面上的link跳转到另外一个页面后，点击浏览器的后退按钮，则url会变成example.com/2.html，如果此前的1.html的页面浏览器有缓存的话会显示1.html的内容，否则会发起请求example.com/2.html。如果再次点后退，url会变成example.com/1.html。
而如果执行 history.replaceState(null, null, “2.html”)的话，浏览器的地址栏也会显示example.com/2.html，区别是history中只有当前2.html的记录，而1.html的记录已被替换掉。
如果页面是数据展示的页面，页面上有一些搜索或过滤的条件，当用户点击这些条件时，页面通过AJAX把结果呈现到页面上，当点击某个结果页面跳转到下一个页面后，用户点击浏览器的后退按钮回到前一个页面后，即使页面有缓存，AJAX获取的结果也不会保留在页面上。如果后退后，需要记住此前的搜索条件和结果，可以在用户点击搜索条件时，把搜索条件利用history.replaceState添加到页面的query string中。
if (history.replaceState) {
history.replaceState(condition, null, "?" + $.param(condition, true));
}
页面可以设置成no-cache，当用户后退时，浏览器会重新请求带搜索条件的URL，后台根据搜索条件，把对应的结果页面呈现出来，从而达到记住搜索条件和结果的目的。
