localStorage与sessionStorage

HTML5提供两种web存储方法，localStorage与sessionStorage

localStorage与sessionStorage区别

localStorage没有过期时间，只要不clear或remove，数据会一直保存

sessionStorage针对一个session进行数据存储，生命周期与session相同，当用户关闭浏览器后，数据将被删除。

特点：

  1：localStorage默认支持的容量为一个站5M,当调用setItem超过上限时，会触发QuoExceededError异常。当然有些浏览器支持修改容量上限，但为了兼容其他浏览器，最好按照5M的容量来使用

  2：localStorage是以key-value形式保存数据的，key和value只能是字符串格式。因此数字1保存后，会转换成字符串1.

3：localStorage的写入与读取写法有以下几种：

localStorage.name="elena";

name=localStorage.name;

localStorage['name']="elena";

name=localStorage['name'];

localStorage.setItem("name","elena");

name=localStorage.getItem("name");

localStorage[key]=value写法主浏览器都支持，官方并没有说明哪一种写法是标准。但如果执行以下的代码就使localStorage失效

localStorage.setItem=null;

localStorage.getItem=null;

localStorage.removeItem=null;

localStorage.clear=null;

因此，建议使用setItem(),getItem(),removeItem(),clear()来实现写入，读取，删除，清空。

4：如果要保存非字符串的内容，建议使用JSON来处理。写入数据时用JSON.stringify转成字符串，读取时使用JSON.parse把字符串转为之前的格式。