javascript - 如何在页面之间跟踪用户偏好状态

Question

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

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

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

Answer 1

设置一个cookie。

阅读如何使用 jQuery 设置/取消设置 cookie？讨论如何做到这一点。讨论如何做到这一点。

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

Answer 2

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

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

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

这些值被存储并且可用于您网站的所有页面（更准确地说是来源），并且比 cookie 更不容易被“清理”（外部工具或浏览器中）。