如何检查 URL 在反应中是否有哈希 - JavaScript

当浏览器在处理 URL 时，哈希（#）符号用于标识文档中的特定部分。哈希后面的任何内容被称为片段标识符，并且不发送到服务器，通常用于向页面滚动或切换带锚点链接。在 JavaScript 中，我们可以使用 location.hash 属性来检查当前 URL 是否具有哈希。

代码实现

if (window.location.hash) {
  // URL 中包含哈希
  console.log("该 URL 包含哈希：" + window.location.hash);
} else {
  // URL 中不包含哈希
  console.log("该 URL 中不包含哈希。");
}

在这段代码中，我们首先检查 window.location.hash 是否存在。如果存在，这意味着 URL 中包含哈希，并且我们将在控制台中打印出该哈希内容。否则，我们将在控制台中输出一条消息，表示 URL 中不包含哈希。

使用正则表达式检查哈希格式

如果希望检查哈希是否遵循特定的格式，可以使用正则表达式。例如，假设我们要确保哈希总是以 #section- 开头，后面跟着一个数字，则可以使用以下代码：

if (/^#section-\d+$/.test(window.location.hash)) {
  console.log("该 URL 包含以 '#section-' 开头，后面跟着一个数字的哈希：" + window.location.hash);
} else {
  console.log("该 URL 中不包含符合要求格式的哈希。");
}

在这里，我们使用了正则表达式 /^#section-\d+$/。这个正则表达式指定哈希必须以 #section- 开头，后面跟着一个或多个数字，并以哈希结束。如果哈希符合此格式，则在控制台中输出第一条消息；否则，我们将输出一条不符合要求格式的哈希消息。

结论

通过使用 window.location.hash 属性和正则表达式，我们可以轻松地检查 URL 是否具有哈希，并确定它是否符合特定的格式。这对于根据片段标识符显示特定的页面部分或错误处理非法哈希非常有用。