(转)localStorage实现本地缓存

localStorage用于持久化的本地存储，除非主动删除数据，否则数据是永远不会过期的。但是如果你找到浏览器的隐私或者本地存储的数据删除也是一样可以删除的！

本地存储数据库在同样域名下的网页间是共享的，即便是在多个浏览器标签页中。我在做产品购物车的时间使用到了，这边选择产品，把产品属性拼接成JSON字符串保存到localStorage中，然后到购物车中去取……

判断浏览器是否支持本地存储：

一：

1if(window.localStorage){

2  alert('This  browser  supports  localStorage');

3}else{

4  alert('This  browser  does  NOT  support  localStorage');

5}

localStorage的用法极其简单！（Map格式（键-值））一共就这么多……

localStorage. length;    返回现在已经存储的变量数目
localStorage. key(n);    返回第n个变量的键值(key)
localStorage.getItem(key);      和localStorage.key一样，取得键值为key的变量的值
localStorage.setItem(key, val);     和localStorage.key = val一样，设置键值key的变量值
localStorage.removeItem(key);     删除键值为key的变量
localStorage.clear();   清空所有变量

用法很多，可以当成是一个对象方式使用……

localStorage.a = 1;      //设置a为"1"
localStorage["a"] = "FakeMr";      //设置a为"FakeMr"，自动覆盖上面的值。

需要注意的是，HTML5本地存储只能存字符串，任何格式存储的时候都会被自动转为字符串，所以读取的时候，需要自己进行类型的转换。（个人比较喜欢：JSON.parse/JSON.stringify结合使用 ） 

#html5