如何关闭内容区域并记住它

时间:2013-12-14 09:30:20

标签: javascript jquery css cookies

我想要完成的是能够关闭网站中的内容区域,然后记住它在下次用户加载网站时已关闭。 这个网站是我需要完成的一个例子。 dailyworth.com

关闭窗口看起来很简单。您可以截取鼠标单击并使用jQuery函数将该区域的“display”属性更改为“none”。棘手的部分是如何记住下次用户打开网站时。

我找到了一些信息。例如,这是对类似问题的旧答案,但链接的插件不再存在。 Save html in cookie 这里有另一种可能的solution

我有点困惑:饼干还是本地存储?对于这样一个简单的功能,必须有一个通常遵循的最佳实践。你会建议什么?

1 个答案:

答案 0 :(得分:0)

  

我有点困惑:饼干还是本地存储?

Cookie和本地存储几乎完全相同。不同之处在于,90年代的浏览器支持cookie。本地存储是新的Javascript API

我想到了两个不同之处:

  • 您无法为localStorage数据定义到期日期
  • localStorage仅限客户

在编写新的javascript应用时,最好使用新API而不是原始Cookie,因为它更易于使用。您可以附加cookie based fallback,以便您的代码也适用于旧的浏览器。

编辑:我一直在玩独立的js太长,所以我不记得你没有从服务器访问localStorage。因此,如果要隐藏的div来自服务器而不是javascript,则必须使用cookie来隐藏它。