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