分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > IT知识

localstorage - HTML 5 Web 存储总结---【凡尘】

发布时间:2023-09-06 01:31责任编辑:苏小强关键词:HTMLWeb

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)

localstorage - HTML 5 Web 存储总结---【凡尘】

原文地址:http://www.cnblogs.com/nanianqiming/p/8074641.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved