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

Question

过去，我一直为每个PHP页面维护一个菜单，允许我在列表中设置活动（选定）项目。我认为只需在头文件中调用include菜单一次就可以了，然后通过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和设置在本地存储和检查每个页面加载？

Answer 1

会话和本地存储没有性能差异。不同之处在于持久性。一旦用户关闭浏览器窗口，会话存储就会被删除。本地存储通过对网页的多次访问进行维护。