本地存储Web Storage

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事件监听

待续...

 

 

 

转载于:https://www.cnblogs.com/weiheli/p/3734265.html