HTML5的web存储

HTML5的web存储

(1)、localStorage对象

用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去除。localStorage对象存储的数据没有时间限制。

不管是localStorage，还是sessionStorage，可使用的API都相同，常用的有：

保存数据：localStorage.setItem(key,value);

读取数据：localStorage.getItem(key);

删除单个数据：localStorage.removeItem(key);//移除之后再获取值，返回null

删除所有数据：localStorage.clear();

得到某个索引的key：localStorage.key(index);

 

(2)、sessionStorage对象

sessionStorage方法针对一个session进行数据存储。当用户关闭浏览器窗口后，数据会被删除。

 

(3)、cookies 对象

 cookie生命期为只在设置的cookie过期时间之前一直有效，即使窗口或浏览器关闭。
存放数据大小为4K左右, 有个数限制（各浏览器不同），一般不能超过20个。
缺点是不能储存大数据且不易读取