URL的hash

774 阅读1分钟

URL的hash

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

image.png

我用vue的项目,在浏览器的console用上面的代码在试一下,页面没有发生刷新现象。

HTML5的history模式:pushState

image.png

如上代码使用history模式的pushState函数也可以实现相同的效果。

image.png

history模式的pushState和back是出栈,使用两个函数,pushState是(保留网页历史记录)入栈,back是出栈,使用history.back()会从最后一个传入的栈开始往前面走,

传入的是 home -> about -> me -> demo

传出的是 demo -> me -> about -> home

可以使用history.go()来知道返回或前进的页面。 image.png