js 无刷改变地址栏链接

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原理一样使用也一样