如何使用 JavaScript 检查 URL 是否包含哈希值？

在 Web 开发过程中，我们需要时常处理 URL。有些情况下，我们需要检查 URL 是否包含哈希值。比如，当页面跳转后我们需要从 URL 中获取哈希值，并用它来显示正确的内容。

下面，我们来看一下如何使用 JavaScript 检查 URL 是否包含哈希值。

获取 URL 中的哈希值

在 JavaScript 中，我们可以通过 window.location.hash 来获取当前 URL 中的哈希值。如果当前 URL 没有哈希值，则返回空字符串。

const hashValue = window.location.hash;
console.log(hashValue); // #example

上述代码会输出当前 URL 中的哈希值（例如，当前 URL 是 https://example.com/#example）。

检查 URL 是否包含哈希值

有多种方式可以检查 URL 是否包含哈希值，下面介绍两种常用的方式。

1. 判断哈希值是否为空字符串

我们可以判断 window.location.hash 的值是否为空字符串，从而判断 URL 是否包含哈希值。

if (window.location.hash !== '') {
  // URL 包含哈希值
} else {
  // URL 不包含哈希值
}

上述代码会根据 URL 是否包含哈希值来执行不同的代码块。

2. 使用正则表达式匹配哈希值

我们可以使用正则表达式来匹配 URL 中的哈希值。

if (window.location.href.match(/#.*$/)) {
  // URL 包含哈希值
} else {
  // URL 不包含哈希值
}

上述代码会使用正则表达式来匹配 URL 中的哈希值，如果匹配成功则说明 URL 包含哈希值。

总结

以上就是使用 JavaScript 检查 URL 是否包含哈希值的方法。我们可以使用 window.location.hash 来获取 URL 中的哈希值，然后使用判断语句或者正则表达式来检查 URL 是否包含哈希值。这些方法简单易懂，非常适合在实际开发中使用。