localStorage如何在Javascript中运行?

时间:2014-06-25 04:47:53

标签: javascript jquery html css html5

我正在尝试复制this app以便从中学习,但遗憾的是,复制不起作用。我主要通过检查源代码来复制粘贴代码,然后拉出脚本指向的所有文件(其中一个链接已损坏,但我发现它在他的GitHub上并且无论如何都使用它)。

无论如何,我的复制并不幸运行,我注意到一些文件中可能存在“localStorage”。根据我的理解,localStorage基本上是使用浏览器存储来缓存数据的东西。但是,我找不到这个localStorage概念的声明,或者任何类型的声明。

现在,我是这个HTML / CSS / Javascript世界的新手,我想知道:localStorage是一个必须声明的变量吗?如果不是,那究竟是什么?如何招致localStorage?

为什么!DOCTYPE html标签会自动允许使用localStorage?此外,在计算机中,甚至存储了localStorage的信息,以及浏览器如何获取该信息?

1 个答案:

答案 0 :(得分:4)

  

localStorage对象存储没有过期日期的数据。该   浏览器关闭时,不会删除数据   第二天,一周或一年可用。

我以前用过的简单例子:

<input type="text" name="first_name" value="">
<input type="text" name="last_name"  value="">

localStorage.setItem('first_name',$('[name=first_name]').val());
localStorage.setItem('last_name',$('[name=last_name]').val());

假设这是在线购物网站上的结帐页面之前发送详细信息的表单。填写后再转到下一页。这将存储在localStorage中,如果您要返回此页面,它将已经为您填充,因此您不必再次插入信息。

注意: Internet Explorer 7及更早版本,不支持Web存储。