Javascript：localStorage 和 cookie？

Question

我现在（仍然）正在从事一个项目，我需要一些帮助。我目前需要同时使用 localStorage 和 cookie 来存储表单的信息。例如，在我的代码中，我有一个提示用户输入姓名的文本字段。输入该名称后，用户将通过三个动态生成的下拉菜单。完成后，将出现一个显示用户姓名的表单，并要求他们输入电子邮件，以便他们接收新闻通讯。我的问题是如何同时使用浏览器上的本地存储和 cookie 来存储姓名和电子邮件？

注意 1：我的项目必须针对所有浏览器进行优化，这意味着我必须同时使用本地存储和 cookie。

注意 2：我不能在这个项目中使用 .innerHTML 函数或 jQuery。

注3：我项目的JSFiddle demo的cmets中有一个链接。

Answer 1

如果浏览器兼容性是您的首要任务，我会坚持让您查看Modernizer。基本上，它将允许您探测您的用户浏览器并相应地提供脚本。 （对于 cookie 也使用 this，因为 x-browser...）

示例：

var data = localStorage.getItem(name) || Cookies.get(name);  
if (Modernizr.localstorage) {  
    localStorage.setItem(name, 1)  
} else {  
    Cookies.set(name, 1);  
}

您还绝对需要阅读一些 JavaScript 设计模式；）查看各种小部件模式，您会对所学的内容感到满意。