当我们需要在网页上实现跳转到指定位置的功能时，通常会用到锚点。而获取当前页面 URL 中的锚点也是前端开发中一个常见的需求。本文将介绍如何使用 jQuery 从 URL 中获取锚点，并提供相应的示例代码。
获取 URL 中的锚点
在浏览器中，如果 URL 带有 # 符号，则 # 符号后面的部分就是锚点。例如，下面这个 URL 中的锚点为 "section-2"：
http://example.com/page.html#section-2
要从 URL 中获取锚点，可以使用 JavaScript 的 window.location.hash 属性。它返回当前 URL 中的锚点，但不包括 # 符号。例如，对于上面的 URL，window.location.hash 返回的值为 "section-2"。
而要使用 jQuery 获取锚点，可以通过 $(location).attr('hash') 来实现。具体来说，这个方法会返回当前页面 URL 中的锚点，同样不包括 # 符号。
下面是一个简单的示例代码，演示了如何使用 jQuery 和 JavaScript 分别获取当前页面 URL 中的锚点：
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
--------- --- ------------
------- -----------------------------------------------------------
-------
------
----- --- ----------- -----------------------
--------
-- -- ---------- ----
--- -------- - ----------------------------------
------------------------------------------- - ---------
-- -- ------ ----
--- -------- - --------------------------------------
----------------------------
---------
-------
-------注意，window.location.hash 返回的值包括 # 符号，需要通过 substring(1) 方法去掉开头的 # 符号。
指导意义
本文介绍了如何使用 jQuery 从 URL 中获取锚点，并提供了相应的示例代码。在实际开发中，我们可以利用这个方法来实现网页内部跳转、单页面应用等功能。
除此之外，本文还展示了如何使用 JavaScript 的 window.location.hash 属性来获取锚点。这个属性在原生 JavaScript 中也非常有用，可以让我们更方便地获取当前页面 URL 中的锚点。
总之，掌握从 URL 中获取锚点的方法，对于前端开发来说是非常基础和重要的。通过学习本文，希望能够对读者有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/9808
