用于持久HTML/Javascript菜单的本地存储或会话存储

在过去，我总是为每个PHP页面维护一个菜单，允许我在列表中设置活动（选定）项。我认为在我的头脚本中只调用一次包含菜单，然后通过javascript设置/检索每个页面的状态更有意义

使用本地存储似乎可以满足这一要求。使用本地存储还是会话存储更好？似乎使用本地存储会更好地提高性能

是否有人对此有任何经验或有任何建议/建议

我当前的HTML如下所示：

<ul class="nav nav-list">
  <li class='nav-header'>Menu</li>
  <li class="active" id="page-1"><a href="page1.php">Page 1</a></li>
  <li><a href="page2.php" id="page-2">Page 2</a></li>
  <li><a href="page3.php" id="page-3">Page 3</a></li>
</ul>

菜单

---

我是否可以使用ID并将其设置在本地存储中，并在每次页面加载时检查它？

会话和本地存储之间没有性能差异。区别在于持久性。一旦用户关闭浏览器窗口，就会删除会话存储。本地存储将在多次访问网页时进行维护。

不知道存储在哪里可以帮助您设置活动导航链接。仍然需要解析url。是否还需要保存其他页面状态属性？