在Javascript中的<a>链接中获取哈希[重复]答案

【问题标题】：Get hash in <a> link in Javascript [duplicate]在Javascript中的<a>链接中获取哈希[重复]
【发布时间】：2021-08-06 20:14:03
【问题描述】：

我尝试获取一个哈希以将过滤器放在我的页面上，我只在 JS vanilla 中工作，实际上我找不到如何获取它。它一定很简单，但我在互联网上找不到，我新手.. 如果有人可以帮助我，这对我来说可能是一个巨大的进步，非常感谢！

function lien(obj) {
  alert(obj.href.hash);
}

&lt;a href="#portrait" onclick="lien(this)" class="filters" value="portrait"&gt;#portrait&lt;/a&gt;

【问题讨论】：

一定要散列吗？ class="filters portrait" 是一种不那么杂乱无章的方法。通常您将# 添加到href 以确保链接字段不会重新加载页面。

【解决方案1】：

The href property…

是一个 USVString，它是解析相对于文档的 href HTML 属性的结果，包含链接资源的有效 URL。

字符串没有hash 属性。您想直接在链接元素本身上阅读hash。

function lien(obj) {
  alert(obj.hash);
}

&lt;a href="#portrait" onclick="lien(this)" class="filters" value="portrait"&gt;#portrait&lt;/a&gt;

【讨论】：