在前端开发中,我们经常需要通过改变 URL 中的 hash 值来实现页面的一些交互效果。而这种操作所依赖的核心 API 就是 location.hash。本文将围绕这一 API,探讨其在前端开发中的关键作用以及常见应用。
一、location.hash 是什么?
location.hash 属性是指 URL 中 # 之后的部分,包括 # 符号本身。它通常被用来在 URL 中携带页面内部的信息,例如网页锚点、路由信息、状态信息等等。
例如:
http://example.com/#top
上面这个 URL 中,location.hash 的值为 "#top",意味着页面上有一个名为 "top" 的锚点。
二、location.hash 的作用
1. 实现页面锚点
相信大家都见过在页面上点击锚点跳转到相应位置的效果。这种效果可以通过利用 location.hash 属性实现。
首先,在页面上定义锚点: