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。