用cookie记住div切换div可见性

Question

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

这是我现在的简单代码：

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

如何在浏览器中保存和使用Cookie？感谢。

Answer 1

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

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

c_name是您的Cookie的名称。例如“divVisibility”。 value是您的cookie的值，例如“visible”。 exdays是你的cookie过期的天数。

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

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