2021-05-30

本地存储特性:

数据存储在用户浏览器中
设置,读取方便,甚至页面刷新不丢失数据
容量较大,sessionStorage约5M,localStorage约20M
只能存储字符串,可以将对象JSON.stringify()编码后存储
sessionStorage和localStorage都存在四个方法

存储数据:
在这里插入图片描述

获取数据:
在这里插入图片描述

移除数据:
在这里插入图片描述

清空所有数据:
sessionStorage.clear() || localStorage.clear()1

window.sessionStorage
生命周期为关闭浏览器窗口
在同一个窗口(页面)下数据可以共享
以键值对的形式存储使用,且key和value均为字符串
window.localStorage
生命周期永久有效,除非手动删除 否则关闭页面也会存在、
可以多窗口(页面)共享(同一浏览器可以共享)
以键值对的形式存储
案例1
使用方法都一样 只不过两个有所区别。

在这里插入图片描述

案例2
需求:打开页面 => 再输入框输入名字,勾选记住用户名 => 关闭页面 => 打开页面 呈现出上次输入的名字以及勾选了记住用户名

在这里插入图片描述

————————————————

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值