如何在页面之间跟踪用户首选项的状态

Question

我正在使用Javascript在网站的每个网页上隐藏网站地图（以便在禁用Javascript的浏览器上显示该网站地图）。然后我使用JQuery切换以允许用户显示站点地图（使用每页页脚中的“站点地图”链接）。

每次用户导航到另一个页面时，网站地图都会“重新隐藏”，但我希望保持网页地图的可见性。

换句话说：站点地图应该以隐藏的方式开始，但如果用户切换站点地图的可见性，则当用户从一个页面导航到另一个页面时，它应保持可见，直到用户再次隐藏它为止。

Answer 1

设置一个cookie。

阅读How do I set/unset cookie with jQuery?讨论如何做到这一点。讨论如何做到这一点。

Cookie允许您跟踪客户端的用户偏好，因此您不必依赖基于服务器的代码。

Answer 2

现在最好的解决方案是使用localStorage：

// read
var hidden = localStorage['hidden']=='yes'; // defaults to false at first visit

// write
localStorage['hidden']= hidden ? 'yes' : 'no';

这些值会存储并可用于您网站的所有页面（更确切地说是原点），并且不像Cookie那样“清理”（外部工具或浏览器）。