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

Posted 2023-05-07

【中文标题】在Javascript中的<a>链接中获取哈希[重复]

【英文标题】：Get hash in <a> link in Javascript [duplicate]

【发布时间】：2021-08-06 20:14:03

【问题描述】：

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

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

<a href="#portrait" onclick="lien(this)" class="filters" value="portrait">#portrait</a>

【问题讨论】：

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

【参考方案1】：

The href property…

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

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

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

<a href="#portrait" onclick="lien(this)" class="filters" value="portrait">#portrait</a>

【讨论】：

很抱歉给您带来不便，非常感谢！