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。
 
posted @ 2014-10-14 10:06  青阳真颜  阅读(1508)  评论(0编辑  收藏  举报