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