在URL中获取带有井号的window.location.pathname - javascript

Question

在我的网页上，我有一个隐藏和显示的文章列表，具体取决于用户点击的链接

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

当我通过附加到网址的文章的id将某人链接到我的网站时，我想在同一个<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检索网址中的值。您只需要删除/，然后您可以按该ID选择元素并在其上引发点击事件：

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