001、localStorage概念
在html5中,新加入了一个localStorage特性,这个特性主要是用来作为本地存储,解决了cookie存储空间不足的问题(cookie中每条cookie存储空间为4K),localStorage支持5M大小。
002、localStorage的局限
1、浏览器的大小不统一,并且IE8以上版本才支持localStorage这个属性
2、localStorgae的值类型限定为String类型,我们需要JSON.parse() JSON.Stringify()进行转换
3、localStorage在浏览器的隐私模式下是不可读取的
4、localStorage本质上是对字符串的读取,如果存储内容多的话会消耗内存空间,会导致页面变卡
5、localStorage不能被爬虫抓取到
003、localStorage的设置
localStorage.name = "凡尘"; localStorage["name"] = "凡尘"; localStorage.setItem("name","凡尘")
004、localStorage的读取
var nameval = localStorage.name;console.log(nameval); var nameval = localStorage["name"];console.log(nameval); var nameval = localStorage.getItem("name")
005、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)}
006、localStorage的删除
删除所有: localStorage.clear(); 删除某一个值 localStorage.removeItem(key)
时间: 2024-11-13 00:04:08