js刷新url但页面不跳转的方法

JavaScript032

js刷新url但页面不跳转的方法,第1张

使用history.pushState(state, title, url)将当前URL和history.state加入到history中，并用新的state和URL替换当前。不会造成页面刷新。参数如下：state：与要跳转到的URL对应的状态信息。title：不知道干啥用，传空字符串就行了。url：要跳转到的URL地址，不能跨域。

HTML5 History API中提供了一些state相关方法：

history.pushState(data, title[, url])

history.replaceState(data, title[, url])

第一个参数用于提供state data，在用户点击后退，触发window.onpopstate时会提供此对象。

第二个参数用于重写页面标题，目前的浏览器都忽略此参数。

第三个参数用于重写url，仅重写最后一个url段的内容，就像题主提出的那样。

如果要修改url的话请提供第三个参数。