一:localStorage概念
在html5中,新加入了一个localStorage特性,这个特性主要是用来作为本地存储,解决了cookie存储空间不足的问题(cookie中每条cookie存储空间为4K),localStorage支持5M大小。
二:localStorage的局限
- 1、浏览器的大小不统一,并且IE8以上版本才支持localStorage这个属性
- 2、localStorgae的值类型限定为String类型,我们需要JSON.parse() JSON.Stringify()进行转换
- 3、localStorage在浏览器的隐私模式下是不可读取的
- 4、localStorage本质上是对字符串的读取,如果存储内容多的话会消耗内存空间,会导致页面变卡
- 5、localStorage不能被爬虫抓取到
三:localStorage的设置
localStorage.name = "凡尘";
localStorage["name"] = "凡尘";
localStorage.setItem("name","凡尘")
四:localStorage的读取
var nameval = localStorage.name;
console.log(nameval);
var nameval = localStorage["name"];
console.log(nameval);
var nameval = localStorage.getItem("name")
五:localStorage的获取
使用key()方法,向其中输入索引即可获取对应的键值
localStorage.a = "1";
localStorage["b"] = "2";
localStorage.setItem("c","3");
for(var i=0;i<localStorage.length;i++){
var key = localStorage.key(i);
console.log(key)
console.log(localstorage.getItem( key(i)) )
}
六:localStorage的删除
删除所有:
localStorage.clear();
删除某一个值
localStorage.removeItem(key)