Javascript 检查 URL 中的哈希

在 Web 开发中，我们经常需要获取 URL 中的哈希值。哈希值即 URL 中以“#”为前缀的那部分内容，通常用于在浏览器内部进行页面定位或数据传递。

在本文中，我们将介绍如何使用 Javascript 获取 URL 中的哈希，并进行相关的验证。

获取 URL 中的哈希

要获取 URL 中的哈希，我们可以使用 window.location.hash，它会返回当前 URL 中的哈希值，不含“#”前缀。

例如，当前 URL 为 https://example.com/#anchor，则执行 window.location.hash 将返回 "#anchor"。

验证 URL 中的哈希

通常情况下，哈希值都是由字母、数字、下划线和破折号组成的字符串。我们可以使用正则表达式来验证哈希值的格式。

以下是一个简单的示例代码：

const hashRegex = /^[A-Za-z0-9_-]+$/;

function isValidHash(hash) {
  return hashRegex.test(hash);
}

const urlHash = window.location.hash.slice(1); // 去掉首个字符“#”
if (isValidHash(urlHash)) {
  console.log(`${urlHash} 是有效的哈希值`);
} else {
  console.error(`${urlHash} 不是有效的哈希值`);
}

首先，我们定义了一个名为 hashRegex 的正则表达式，它表示哈希值只能由字母、数字、下划线和破折号组成。

然后，我们定义了一个名为 isValidHash 的函数，接受一个参数 hash，用来判断传入的哈希值是否符合上述正则表达式。当哈希值符合条件时，返回 true，否则返回 false。

最后，我们获取当前 URL 中的哈希值，使用 isValidHash 函数来验证它的格式。如果验证通过，输出“xx 是有效的哈希值”，否则输出“xx 不是有效的哈希值”。

总结

本文介绍了如何获取 URL 中的哈希值，并使用正则表达式来验证它的格式。这对于许多 Web 应用程序来说是非常有用的，可以确保我们获取到了正确的哈希值，并避免不必要的错误发生。

完整的代码可以在以下链接中找到：https://github.com/example/check-hash-in-url。