改变url但是不刷新页面的实现

URL的hash

URL的hash也就是锚点(#), 本质上是改变window.location的href属性.
我们可以通过直接赋值location.hash来改变href, 但是页面不发生刷新

首先打开浏览器的按F12打开 开发者工具

HTML5的history模式

history接口是HTML5新增的, 它有五种模式改变URL而不刷新页面.
1.history.pushState()

2.HTML5的history模式：replaceState

3.HTML5的history模式：go

当然 有go（-1） 就可以有go（-2）

补充说明：
上面只演示了三个方法
因为 history.back() 等价于 history.go(-1)
history.forward() 则等价于 history.go(1)
这三个接口等同于浏览器界面的前进后退。