最近遇到了在不刷新页面的情况下修改浏览器url链接的需求，考虑到可以通过history.pushState()解决。现在将我理解的一些内容分享一下，不对的地方欢迎大家指出。　　在使用方法前首先需要了解它的兼容性，history.pushState()存在一定的兼容性问题，可以通过 https://cani...

使用Ajax可以异步获取数据，可以更高效地渲染页面。但也存在这一些问题：再刷新页面，页面就会变成初始的状态浏览器的前进后退功能无效对搜索引擎的爬虫抓取不友好 1、早前会使用浏览器的 hash锚点 来解决不同的hash标记着页面不同的部分，能修正页面刷新数据不正确的问题再通过onhashch...

本文也是一篇基础文章。继上文之后，本打算去研究pushState，偶然在一些信息中发现了锚点变化对浏览器的历史记录也会影响，同时锚点的变化跟pushState也有一些关联。所以就花了点时间，把这两个东西尽量都琢磨清楚。本文记录相关的一些要点及研究过程。这个部分的内容也已经补充到上文的最后了，这里只是细化一下。总的结论是...

这篇文章是基础：http://www.cnblogs.com/kaituorensheng/p/3776527.html；histry的单页面应用有两个写法：哈希值和？；哈希值例子：实现效果：点击按钮实现不跳转页面而显示不同内容。实现原理：每次点击不同按钮，a标签因为哈希值而不跳转，触发window.onhashcha...

参考MDN：https://developer.mozilla.org/zh-CN/docs/DOM/Manipulating_the_browser_historyhttps://developer.mozilla.org/zh-CN/docs/Mozilla_event_reference/popstate&nbs...

相关文档：https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Manipulatingthebrowser_history页面的跳转（前进后退，点击等）不重新请求页面页面URL与页面展现内容一致（符合人们对传统网页的认识）在不支持的浏览器下降级成传统网页...

有时候我们会想不跳转的情况下修改url直接上代码吧：history.pushState(null,"","?test=123")值得注意的是，为了用户安全，避免用户不小心跳转到另外一个不知名网站，第三个参数中，浏览器是不允许用户传一个跨域的url的...