本地存储——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. 将PDF文件放大缩小 – 姜伟华

    网上下载了很多PDF文件(比方说电子书),打印出来发现页边距空的太大了。如果正常打印的话,空白太多;如果想省打 […]...

  2. Git安装、生成公钥和私钥、添加SSH – 我是司

    Git安装、生成公钥和私钥、添加SSH 安装 1.从官网下载git:http://git-scm.com/do […]...

  3. Winform开发中的困境及解决方案 – 伍华聪

    Winform开发中的困境及解决方案 在我们开发各种应用的时候,都会碰到很多不同的问题,这些问题涉及架构、模块 […]...

  4. 防火墙 – loop

    防火墙 1.什么是防火墙?   防火墙是一个或一组系统,它在网络之间执行访问控制策略。实防火墙的实际方式各不相 […]...

  5. 逆向破解之160个CrackMe —— 002-003

    CrackMe —— 002 160 CrackMe 是比较适合新手学习逆向破解的CrackMe的一个集合一共 […]...

  6. Linux : windows通过VNC viewer连接

    –steps– 1. cat /etc/issue 找出Linux的版本信息 2. 开 […]...

  7. Mac 启动按键 – 我不是牛人

        Mac 的开机时,按住一些按键可以发生奇妙的事情,有些按键我们使用的比较多,比如“Option”键,但 […]...

  8. 数字证书简介 – shammgod_code

    数字证书简介 数字证书集合了多种密码学算法: 自身带有公钥信息,可完成相应的加解密操作 带有数字签名,可鉴别消 […]...

随机推荐

  1. 【LiteOS】LiteOS任务篇-源码分析-系统启动函数

    目录 前言 链接 参考 开启调度 LOS_Start 函数源码 osTickStart 函数源码 LOS_St […]...

  2. 我的第一次diy装机记录——小白的配置篇 – 第二个卿老师

    我的第一次diy装机记录——小白的配置篇 2019-05-19 17:49  第二个卿老师  阅读(686)  […]...

  3. postgresql无序uuid性能测试

    postgresql无序uuid性能测试 无序uuid对数据库的影响 由于最近在做超大表的性能测试,在该过程中 […]...

  4. 使用fiddler进行接口测试

    我们来说说如何使用fiddler做接口测试? 测试准备,抓到相应的接口和入参或者找接口文档,我这里就用聚合数据 […]...

  5. leetcode网解题心得——61. 旋转链表

    给定一个链表,旋转链表,将链表每个节点向右移动 *k* 个位置,其中 *k* 是非负数。 目录 leetcod […]...

  6. Pycharm搭建Django开发环境

                       Pycharm搭建Django开发环境                  […]...

  7. 为什么这么多人想转行做产品经理?

    为什么这么多人想转行做产品经理? 话说,这么多人都在做产品经理,它到底有什么魅力吸引这么多人纷纷转行呢? 我们 […]...

  8. 相关系统分类

    党政系统(党委、政府) 金融系统(银行、保险、证券) 财税系统(财政、税务、工商) 经贸系统(商业贸易、海关) […]...

展开目录

目录导航