Web Storage提供了两种存储类型的API接口:sessionStorage和localStorage。对于其生命周期,sessionStorage在会话期间内有效;而localStorage永久存储在本地,除非用户对其执行删除操作。localStorage实际客户端的Cookies类似;sessionStorage与服务器端的session类似。Web Storage只能存字符串,任何格式存储的时候都会被自动转为字符串,所以读取的时候,需要自己进行类型的转换。
localStorage
localStorage是基于域的,任何在该域内的页面,都可以访问localStorage数据。
各个浏览器厂商之间的浏览器之间的数据是独立的。
localStorage接口有1个属性5个方法。
localStorage.length; //返回已存储的数目
localStorage.setItem(key,value); //存储键值对
localStorage.getItem(key); //获取key的值
localStorage.key(n); //返回第n个变量的键值,注意:顺序跟设置的顺序无关,会先对键名按字母进行排序,从0开始索引
localStorage.removeItem(key); //删除键为key的键值对
localStorage.clear(); //清空所有键值对
对于JSON格式数据的处理
var userData = {
name:"aaa",
sex:"男",
bir:"19890611"
}
localStorage.setItem(JSON.parse(userData));
var userData = JSON.parse(localStorage.getItem("userData"));
userData.name = "bbb";
JSON.parse(localStorage.getItem("userData")).name = "ccc";
alert(userData.name); //输出bbb
alert(JSON.parse(localStorage.getItem("userData")).name); //输出aaa
sessionStorage
sessionStorage的属性与方法及用法同localStorage。
Storage事件监听
待续...