参考:https://www.cnblogs.com/st-leslie/p/5617130.html
详细说明请参考如上
localStorage使用总结
一,localStorage说明
在HTML5中,新加入了一个localStorage特性,这个特性主要是用来作为本地存储来使用的,解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k),localStorage中一般浏览器支持的是5M大小,这个在不同的浏览器中localStorage会有所不同。
二、localStorage的使用
增(写入):
var storage=window.localStorage; //写入a字段 storage["a"]=1; //写入b字段 storage.a=1; //写入c字段 storage.setItem("c",3);
查(获取):
//第一种方法读取 var a=storage.a; console.log(a); //第二种方法读取 var b=storage["b"]; console.log(b); //第三种方法读取 var c=storage.getItem("c");
改(更新):直接和写入一样,对相同的key写入即可更新
/*分割线*/ storage.a=4;
storage.clear(); //将localStorage的所有内容清除
storage.removeItem("a"); //清除某个key
获取key:
for(var i=0;i<storage.length;i++){ var key=storage.key(i); console.log(key); }
JSON转换:(存入json数据)
var storage=window.localStorage; var data={ name:'xiecanyong', sex:'man', hobby:'program' }; var d=JSON.stringify(data); storage.setItem("data",d);
取出JSON对象
//将JSON字符串转换成为JSON对象输出 var json=storage.getItem("data"); var jsonObj=JSON.parse(json); console.log(typeof jsonObj);