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

【问题标题】：local storage or session storage for a persistent HTML/Javascript menu用于持久 HTML/Javascript 菜单的本地存储或会话存储
【发布时间】：2013-11-25 08:31:20
【问题描述】：

在过去，我总是为每个 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。是否还需要保存其他页面状态属性？

标签： javascript jquery html

【解决方案1】：

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

【讨论】：