HTML5 localStorage setItem getItem removeItem

HTML5 WEB存储中提供了两种客户端的数据存储方法：localStorage 还有sessionStorage

localStorage:

localStorage 方法存储的数据没有时间限制。第二天、第二周或下一年之后，数据依然可用。

1. 创建localStorage

localStorage.setItem(key,value);

当key值已经存在时会更新数据；

用直接赋值的方式也是可以的，比如我要定义一个页面的访问量初始值 :  localStorage.pagecount=1;

2.获取localStorage数据

localStorage.getItem(key);

当key值不存在时会返回NULL；

也可以直接调用你定义好的数据 :var pagecount=localStorage.pagecount;

3.删除localStorage

localStorage.removeItem(key);    清除指定key对应的数据

localStorage.clear();                   清除所有localStorage下的数据

4.遍历localStorage存储的key

       .length                                    数据总量，例：localStorage.length

       .key(index)                              获取key，例：var key=localStorage.key(index);

       知道以上值后通过循环遍历出localStorage下的所有数据；

 

5.存储JSON格式数据

       JSON.stringify(data)                  将一个对象转换成JSON格式的数据串,返回转换后的串

       JSON.parse(data)                      将数据解析成对象，返回解析后的对象

 

备注：localStorage存数的数据是不能跨浏览器共用的，一个浏览器只能读取各自浏览器的数据,储存空间5M。