如何在浏览器中为<div>可见性添加书签？

Question

我现在正在开发一个网页（一个index.html）。我在顶部有一个导航栏，其中包含指向哈希引用（DIV的ID）的链接。如果用户允许使用JavaScript，则导航栏中的链接将用于通过onclick属性执行Javascript函数。链接被拒绝。 Javascript函数禁用了指向哈希引用的链接，并隐藏了除选定的div外的所有div。

当用户在浏览器中添加书签时，该如何在书签中存储页面状态（哪些div是隐藏的，哪些是可见的）？如何添加具有相同含义的浏览器历史记录？

Answer 1

您可以使用search params来跟踪页面状态。然后，在您的JavaScript页面加载中，读取搜索参数并重构页面结构以匹配url中的参数。