javascript - 刷新页面，然后转到另一个隐藏 div 中的特定 div，而不使用 cookie

Question

我有一个选项卡网格，每个选项卡都有默认隐藏的项目:

#tab1, #tab2, #tab3 etc.

每个选项卡都有:

#item1, #item2, #item3 etc.

ID 来自 cms，无法更改，因此您有重复的 ID:#item1 可以引用 #tab1 和 #tab2 中的 div。

用户单击#tab2 并显示#tab2。 URL 更改为 example.com/page#tab2，然后他单击该选项卡内的一个项目 (#item5)，整个项目就会显示。网址变为 example.com/page#item5。

如果用户刷新该页面，我想在 tab2 中显示 item5。

是否可以在没有cookie的情况下做到这一点？鉴于 ids 无法更改或插入一些数据属性，我不确定如何在页面重新加载时显示所需的项目。

Answer 1

当页面加载时，您可以获取 url 哈希:var currentTabId = location.hash。

之后，您可以将页面滚动到 id 等于 currentTabId 的 div 元素。