使用 cookie 记住切换 div 可见性

【问题标题】：Toggle div visibility with cookie remember使用 cookie 记住切换 div 可见性
【发布时间】：2012-02-03 03:28:01
【问题描述】：

我是 JS 的一个认真的新手，我有这个功能可以将 div 样式从无更改为阻塞和反转，我需要它来设置 cookie 并记住状态，所以当我离开页面并返回它时隐藏或显示先前选择的 div。谁能帮我解决这个问题？

这是我现在拥有的简单代码：

function toggle(id) {
var e = document.getElementById(id);
e.style.display = ((e.style.display!='none') ? 'none' : 'block');
}

如何让它在浏览器中保存和使用 cookie？谢谢。

【问题讨论】：

【解决方案1】：

你应该在用户离开页面时设置cookie 这在body标签的“onunload”事件中完成。喜欢：

onunload="setCookie(c_name,value,exdays)";

c_name 是您的 cookie 的名称。比如“divVisibility”。 value 是您的 cookie 的值，例如“可见”。 exdays 是您的 cookie 过期的天数。

在页面加载时，使用 getCookie(c_name) 检查 cookie 的值。根据值设置div的可见性。

我告诉要使用的功能和有关 cookie 的信息：http://www.w3schools.com/js/js_cookies.asp

【讨论】：

这是一个适用于多个 div 的解决方案吗？因为我有一些我需要在 cookie 中记住的 div，我只是不知道如何在 JS 中实现它。很抱歉可能会很痛苦，但我真的不擅长 JS。