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

JavaScript035

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的话请提供第三个参数。