Javascript：localStorage＆amp;饼干？

Question

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

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

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

注3：我的项目的JSFiddle演示的注释中有一个链接。

Answer 1

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

示例：

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

您还必须阅读JavaScript的一些设计模式;）查找各种小部件模式，您将对所学内容感到满意。