JS中localStorage的使用

2023-10-29

localStorage的介绍使用

localStorage理论上来说是永久有效的,即不主动清空的话就不会消失,即使保存的数据超出了浏览器所规定的大小,也不会把旧数据清空而只会报错

localstorage为标准的键值对(Key-Value)的数据类型,简单但也易扩展,只要以某种编码方式把想要存储进localstorage的对象给转化成字符串,就能轻松支持

判断是否支持localStorage

目前普遍的做法是检测window.localStorage是否存在,但某些浏览器存在bug,虽然"支持"localstorage,但在实际过程中甚至可能出现无法setItem()这样的低级bug。因此我建议,可以通过在try/catch结构里set/get一个测试数据有无出现异常来判断该浏览器是否支持localstorage。

使用方法

设置数据:localStorage.setItem(key,value);

获取数据:localStorage.getItem(key);

获取全部数据:localStorage.valueOf();

删除数据:localStorage.removeItem(key);

清空全部数据:localStorage.clear();

获取本地存储数据数量:localStorage.length;

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

JS中localStorage的使用 的相关文章

随机推荐

  • Git Tag 打标签

    晚来天欲雪 能饮一杯无 这位大侠 硬套路在此 接招 提交标签 git add git commit m fixed some bugs git tag a 0 1 3 m Release version 0 1 3 可以给指定commit打
  • element基础详情页-文本描述组件

    欢迎点击领取 前端面试题进阶指南 前端登顶之巅 最全面的前端知识点梳理总结 分享一个使用比较久的 最新版本element ui 已支持详情描述组件 直接使用即可 前言 对于常做topB系统的小伙伴们 基础信息详情页是最常见不过的 使用 只是
  • android打开sdcard读写文件、访问网络权限

    去工程的AndroidManifest xml 添加
  • dubbo分布式系统链路追踪_zipkin

    基础知识储备 分布式跟踪的目标 一个分布式系统由若干分布式服务构成 每一个请求会经过多个业务系统并留下足迹 但是这些分散的数据对于问题排查 或是流程优化都很有限 要能做到追踪每个请求的完整链路调用 收集链路调用上每个服务的性能数据 计算性能
  • single-passParallel Prefix Scan with Decoupled Look-back

    背景 最近在写基数排序 nvidia的基数排序依赖这个实现 所以有必要搞懂 原理 代码 总结 参考
  • windows下如何搭建属于自己的git服务器

    前一阵子公司需要 领导让我给我们技术部搭建一个git服务器 以前看过教程 但自己没动手做过 开始按照网上的教程来 但搭建过程中发现还是不够详细 今天给大家一个比较详细的 希望对大家有帮助 高能预警 这不是一个问题 这是一个技术贴 咳咳 进入
  • 管理系统-------SPU

    目录 静态页面 api接口 二次封装ui button组件 代码 v attrs的用法详解与原理 listeners spuForm spuForm静态页面 spuForm逻辑分析 完整代码 spu完整代码 静态页面
  • 在vue export default 外部调用内部的属性或方法

  • C++超详细五子棋游戏(AI实现人机对弈+双人对弈+EasyX图形化界面+详细介绍)

    目录 一 准备工作 1 开发环境 2 EasyX的下载和安装 二 游戏规则 1 行棋顺序 2 判断胜负 3 四种重要棋型解释 重点 4 禁手规则 三 双人对弈详细剖析 1 落子 2 判胜 四 人机对弈超详细剖析 1 整体代码分析 2 玩家落
  • 分类算法简述

    分类算法简述 一 什么是分类算法 数据挖掘任务通常分为两大类 预测任务 根据其他属性的值 预测特定属性的值 描述任务 概括数据中潜在联系的模式 相关性 趋势 聚类 轨迹和异常 分类属于预测任务 就是通过已有数据集 训练集 的学习 得到一个目
  • CH2-开发工具DevEco Studio

    文章目录 本章节目标 一 DevEco基本特性 主要功能 基本特性 应用开发流程 二 安装过程 搭建开发环境流程 下载和安装Node js 下载和安装DevEco Studio 配置开发环境 网络设置 设置npm仓库 三 Gradle的作用
  • 软件测试大厂面试真题,分享一波经验!!

    你好 我是小牛 在这家公司待了两年了 基本上功能 自动化 性能都有做 而且公司系统相对比较复杂 链路比较长 相对来说 还是能学习到不少东西 而且比较难得的一点是 公司加班相对来说比较少 一般七点左右就能走了 偶尔加班到九点 可以说是十分安逸
  • XSSGAME小游戏(XSS学习)level1-15

    XSS源码下载 xssgame 本地搭建 level1 查看源码
  • 【SQL注入-04】报错注入案例

    目录 1 报错注入概述 2 常用的报错注入命令 2 2 group by重复键冲突 count floor rand group by组合 2 2 1 group by重复键冲突的原理及bug演示 2 2 2 补充 sql语句解析过程 2
  • SpringBoot 如何使用 CORS 进行跨域资源共享

    SpringBoot 如何使用 CORS 进行跨域资源共享 在 Web 开发中 跨域资源共享 CORS 是常见的问题之一 CORS 是一种安全机制 用于限制跨域请求对目标服务器的访问 在本文中 我们将介绍如何在 Spring Boot 中使
  • 解决NestedScrollView嵌套RecyclerView滑动冲突导致无法正常调用加载更多功能

    解决NestedScrollView嵌套RecyclerView滑动冲突导致无法正常调用加载更多功能 在使用NestedScrollView嵌套RecyclerView中 首先会出现的问题就是RecyclerView滑动会出现卡顿 没有惯性
  • DB2 常见错误号 解释

    操作数据库过程中 遇到许多问题 很多都与SQL CODE和SQL State相关 现在把一个完整的SQLCODE和SQLState错误信息和相关解释作以下说明 一来可以自己参考 对DB2错误自行找出原因 声明 这是搜集网上的资料得来的 详细
  • Java获取JSONObject内指定字段key的value值

    项目场景一 获取 id code success data user id 6286f2c0 6399 11ec 800b f7f07b836bd8 exp 1667880458 解决方案 通过JSONObject解决 String id
  • Android studio 卸载

    Android studio 卸载 彻底卸载 Android studio 卸载 彻底卸载 1 卸载Android Studio前 要关闭 或重启电脑 2 控制面板 开始 控制面板 程序和功能 选择Android Studio 3 删除sd
  • JS中localStorage的使用

    localStorage的介绍使用 localStorage理论上来说是永久有效的 即不主动清空的话就不会消失 即使保存的数据超出了浏览器所规定的大小 也不会把旧数据清空而只会报错 localstorage为标准的键值对 Key Value