js 无刷改变地址栏链接
1 锚点
window.location.hash
只能在本页面
2 API
只支持同域 不能跨域
pushState(带有历史记录的更改 )
window.history.pushState(state, title, url);
执行pushState函数之后,会往浏览器的历史记录中创建一条新记录,同时改变地址栏的地址内容。它可以接收三个参数,按语法顺序分别为:
- 一个state对象或者字符串,用于描述新记录的一些特性。这个参数会被一并添加到历史记录中,以供以后使用。这个参数是开发者根据自己的需要自由给出的。该值是后期可以通过history.state;获取当前页面的参数,
- 一个字符串,代表新页面的标题。当前基本上所有浏览器都会忽略这个参数。
- 一个字符串,代表新页面的相对地址。(必须与当前页面处在同一个域。)
实例
var state = {title:'',url:window.location.href};
history.pushState(state,'','test.html?t=aaa');
replaceState (替换当前的记录)
replaceState和pushState原理一样使用也一样