web storage的用法

Web Storage分为两种：

• sessionStorage
• localStorage

从字面意思就可以很清楚的看出来，sessionStorage将数据保存在session中，浏览器关闭也就没了；而localStorage则一直将数据保存在客户端本地；

这样做的好处是缓存数据和减少内存的占用；

不管是sessionStorage，还是localStorage，可使用的API都相同，常用的有如下几个（以localStorage为例）：

• 保存数据：localStorage.setItem(key,value);
• 读取数据：localStorage.getItem(key);
• 删除单个数据：localStorage.removeItem(key);
• 删除所有数据：localStorage.clear();
• 得到某个索引的key：localStorage.key(index);

如上，key和value都必须为字符串，换言之，web Storage的API只能操作字符串。

这样做的好处有：

1. 缓存数据

2. 减少对内存的占用.

对于localStorage的操作

1.将对象存入到localStorage

 <script type="text/javascript">
     var obj = { name:'Jim' };
     var str = JSON.stringify(obj);
     //存入
     localStorage.obj = str;
 </script>

2.从localStorage读取数据

 <script type="text/javascript">
     var obj = { name:'Jim' };
     var str = JSON.stringify(obj);
     //存入
     localStorage.obj = str;
     //读取
     str = localStorage.obj;
     document.write(str);
     //重新转换为对象
     obj = JSON.parse(str);
 </script>

本文参考：http://blog.csdn.net/hbcui1984/article/details/8466743；

http://my.oschina.net/crazymus/blog/371757?fromerr=bI4pJrBD