改变url页面不刷新(不请求资源)

327 阅读1分钟

改变url的hash

image.png

image.png
注:location的一些属性

image.png

改变history

image.png
history.pushState()类似于往一个栈里压元素,那回退一个就是这个方法

image.png history.back()等价于history.go(-1)
history.go()如果其中的数字是正的就是往栈顶走,负的就是往栈底走。
还有一个方法是叫做history.replaceState()
history.replaceState()与history.pushState()的区别就是,我们在使用history.back()或者history.go()或者在点击浏览器的回退按钮的时候,replaceState是没有回退的余地的,push则是像压入栈中一样,是可以回退的。

注:history.pushState({},'','')
这其中的三个参数,第一个是js对象,我理解可能是要带给这个页面的数据,第二个title,用的比较少,第三个是url。