本地存储——localStorage的用法,与sessionStorage区别 - 壹站转角

zhaowei303 2021-08-17 原文


本地存储——localStorage的用法,与sessionStorage区别

localstorage的主要作用就是,存储数据,以便在需要的时候。

localstorage 属于window 下的对象(object)

 

区别:

localStorage与 sessionStorage 区别主要分两部分。

 

1. 容量区别:

localStorage 20M(容量较大) | sessionStorage 5M

 

2. 生命周期:

通过localstorage存储的数据,如果不手动删除将会一直存在,关闭浏览器再次打开数据依然存在。

通过sessionStorage存储的数据,关闭浏览器窗口就消失。

 

方法及含义:

方法含义参数

setItem(‘key’,‘value’)储存数据key为数据的名字,value为数据

getItem(‘key’)读取数据key为数据的名字

removeItem(‘key’)删除数据key为数据的名字

clear()清空数据-

使用方法详解:

一、储存数据

window.localstage.setItem(\’key\’,\’value\’)

// key : 数据的名称

// value : 数据

// 所存储的是数据必须是string类型

二、读取数据

window.localstage.getItem(\’key\’)

// key : 数据的名称

// 如果数据不存在,返回null (一般用它做判断)

三、删除数据

window.localstage.removeItem(\’key\’)

// key : 数据的名称

// 删除本地存储中的指定数据

四、清空数据

window.localstage.clear()

// 清空本地存储中的所有数据

实例:

 

效果(按F12打开控制台查看):

 

版权声明:本文为CSDN博主「最初都是小白」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。

原文链接:https://blog.csdn.net/Originally_M/article/details/104562086/

本地存储——localStorage的用法,与sessionStorage区别

发表于
2020-07-04 16:17 
壹站转角 
阅读(255
评论(0
编辑 
收藏 
举报

 

版权声明:本文为zhaowei303原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/zhaowei303/articles/13235294.html

本地存储——localStorage的用法,与sessionStorage区别 - 壹站转角的更多相关文章

  1. 颜色代码对应表 – 骚年轻狂

    颜色代码对应表   颜色代码表          http://www.knowsky.com/tools/a […]...

  2. 免费在线文档翻译器 – Hi,王松柏

    免费在线文档翻译器 https://www.onlinedoctranslator.com/translati […]...

  3. android基本架构 – Cynthia&Sky

    android基本架构 Android其本质就是在标准的Linux系统上增加了Java虚拟机Dalvik,并在 […]...

  4. 如何提高程序员的键盘使用效率? – 19chenjian

    如何提高程序员的键盘使用效率? 2019-09-21 19:18  19chenjian  阅读(163)  […]...

  5. CRISP-DM–数据挖掘标准流程 – 少说话多读书

    CRISP-DM–数据挖掘标准流程 在1996年的时候,SPSS,戴姆勒-克莱斯勒和NCR公司发起 […]...

  6. ajax简单的过程以及http状态码 – 孤城凉梦

    ajax简单的过程以及http状态码 2019-09-11 22:47  孤城凉梦  阅读(1030)  评论 […]...

  7. APP爬虫(2)把小姐姐的图片down下来 – lts8989

    APP爬虫(2)把小姐姐的图片down下来 旧语言与新语言重叠的功能,这些是时间积淀的经典,需要夯实;新语言的 […]...

  8. 很好用的一个翻译插件 – JHJ_BABY

    很好用的一个翻译插件 链接地址:http://labs.microsofttranslator.com/boo […]...

随机推荐

  1. 通过值传递(pass by value)

    通过值传递(pass by value) 当调用带参数的方法时,实参的值传递给形参,这个过程称为通过值传递。但 […]...

  2. SpringBoot | 第二十五章:日志管理之自定义Appender

    前言 前面两章节我们介绍了一些日志框架的常见配置及使用实践。一般上,在开发过程中,像log4j2、logbac […]...

  3. Javascript的书写位置

    404...

  4. SPSS学习系列之SPSS Modeler (简称SPSS)是什么?

            不多说,直接上干货!       推荐博客             官方简介:  SPSS M […]...

  5. sqlmap工具使用 – DioHch

    sqlmap工具使用 sqlmap学习 sqlmap工具使用 本次学习使用的sqlmap版本:1.4.4.8 […]...

  6. STL——空间配置器

    目录 问题 SGI版本空间配置器—std::alloc 一级空间配置器 二级空间配置器 Refill、chun […]...

  7. centos7上安装docker社区版

    container(容器) docker(集装箱) 容器的优点 1、 启动速度快 2、 节省资源 3、 兼容性 […]...

  8. 时序数据库InfluxDB

    在系统服务部署过后,线上运行服务的稳定性是系统好坏的重要体现,监控系统状态至关重要,经过调研了解,时序数据库i […]...

展开目录

目录导航