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

Question

我有一个标签网格，每个标签都有默认隐藏的项目：

#tab1, #tab2, #tab3 etc.

每个标签都有：

#item1, #item2, #item3 etc.

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

用户点击#tab2并显示#tab2。该网址更改为example.com/page#tab2，然后他点击该标签内的项目（＃item5）并显示整个项目。该网址变为example.com/page#item5。

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

没有cookies可以做到吗？鉴于无法更改ID或插入一些数据属性，我不确定如何在页面重新加载时显示所需的项目。

Answer 1

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

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

Answer 2

是否可以将URL架构更改为：

domain.ext /页＃TABS2 /＃ITEM5

解析URL后，可以使用JS轻松解决这个问题。