javascript - 在 URL 中使用井号获取 window.location.pathname - javascript

Question

在我的网页上，我有一个文章列表，我会根据用户点击哪个链接来隐藏和显示

<a id="sports" href="#">Sports</a>
<a id="weather" href="#">Weather</a>

当我使用 id 将某人链接到我的站点时附加到 URL 的文章，我想在相同的 <a> 上触发点击事件元素

例如，如果共享的 URL 是

http://mywebpage.com/page-1/#/weather

此事件应在页面加载后触发，如下所示:

if(linkInUrl === 'weather') $("a#weather").trigger("click");

所以我的问题是，我怎样才能得到 linkInUrl ？我知道window.location.pathname将获取 .com 之后的路径，但不会获取 /#/ 之后的任何内容.有什么想法吗？

Answer 1

您可以使用 window.location.hash 检索 URL 中的值。然后您只需要删除 / 并且您可以通过该 id 选择元素并在其上引发点击事件:

if (window.location.hash) {
  var target = window.location.hash.replace('/', '');
  $('#' + target).trigger('click');
}