前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >js本地存储:localStorage

js本地存储:localStorage

作者头像
超级小可爱
发布2023-03-24 14:58:32
4.5K0
发布2023-03-24 14:58:32
举报
文章被收录于专栏:小孟开发笔记

一.简介

localStorage会可以将第一次请求的数据直接存储到本地,这个相当于一个5M大小的针对于前端页面的数据库

——注意:在IE8以上的IE版本才支持localStorage这个属性。localStorage属于永久性存储,如果存储内容多的话会消耗内存空间,会导致页面变卡。

二.具体使用方式如下:

1.localStorage – 没有时间限制的数据存储

代码语言:javascript
复制
   var arr=[1,2,3];
   localStorage.setItem("temp",arr); //存入 参数: 1.调用的值 2.所要存入的数据 
   console.log(localStorage.getItem("temp"));//输出

 2.

清空

代码语言:javascript
复制
localStorage
  localStorage.clear(); //

 3.删除键值对
  localStorage.removeItem("arr");
代码语言:javascript
复制
 注意:存入的数据只能以

字符串

代码语言:javascript
复制
形式存入。

三.提供转JOSN数据方法:

代码语言:javascript
复制
  //JSON对象转JSON字符串
代码语言:javascript
复制
var obj = {"a": 1,"b": 2};
  obj = JSON.stringify(obj); //转化为JSON字符串
  localStorage.setItem("temp2", obj);
代码语言:javascript
复制
  //JSON字符串转JSON对象
  obj=JSON.parse(localStorage.getItem("temp2"));

四.在谷歌浏览器查看 localStorage:

未经允许不得转载:肥猫博客 » js本地存储:localStorage

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
对象存储
对象存储(Cloud Object Storage,COS)是由腾讯云推出的无目录层次结构、无数据格式限制,可容纳海量数据且支持 HTTP/HTTPS 协议访问的分布式存储服务。腾讯云 COS 的存储桶空间无容量上限,无需分区管理,适用于 CDN 数据分发、数据万象处理或大数据计算与分析的数据湖等多种场景。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档