JavaScript 如何检测 URL 中的哈希锚链接？

如何使用 JavaScript 识别 URL 中的哈希锚链接

无论您是构建动态网页还是开发交互式小部件，通常都需要这样做区分带有哈希锚链接的 URL 和不带有哈希锚链接的 URL。要在 JavaScript 中完成此操作，您可以利用 location.hash 属性。

检查哈希锚链接

要确定 URL 是否包含哈希锚链接，您可以可以利用以下代码片段：

if (window.location.hash) {
  // Fragment exists
} else {
  // Fragment doesn't exist
}

location.hash 属性返回 URL 中哈希符号后面的部分(#)，包括哈希符号本身。当 URL 中存在哈希锚链接时，location.hash 将是一个非空字符串。如果没有哈希锚链接，location.hash 将是一个空字符串。

用法示例

假设您有以下 HTML 代码：

<a href="page.html#anchor">Go to Anchor</a>

如果用户点击此链接，浏览器将导航到 URL“page.html#anchor”。使用上面提供的 JavaScript 代码，您可以检查 URL 中是否存在哈希锚链接，如下所示：

if (window.location.hash === "#anchor") {
  // Code to execute when the anchor exists
}

通过利用 location.hash 属性，您可以轻松确定哈希锚链接的存在在 URL 中，使您能够相应地实现条件逻辑。

以上是JavaScript 如何检测 URL 中的哈希锚链接？的详细内容。更多信息请关注PHP中文网其他相关文章！