localstorage - HTML 5 Web 本地存储总结

2021-01-10 22:31

阅读：735

标签：ora copy set 方法隐私类型本质 cookie code

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　　var key = localStorage.key(i);
　　console.log(key)
}

006、localStorage的删除

删除所有：
　　localStorage.clear();

删除某一个值
　　localStorage.removeItem(key)

localstorage - HTML 5 Web 本地存储总结

标签：ora copy set 方法隐私类型本质 cookie code

原文地址：https://www.cnblogs.com/liuhaov/p/13492581.html

上一篇：Web项目的WEB-INF目录使用说明以及重定向与转发

下一篇：时间API

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：localstorage - HTML 5 Web 本地存储总结
文章链接：http://soscw.com/index.php/essay/41335.html

亲，登录后才可以留言！

localstorage - HTML 5 Web 本地存储总结

评论

热门文章

推荐文章

最新文章

置顶文章