前端本地存储sessionStorage和localStorage

本文详细介绍了浏览器的两种本地存储方式:sessionStorage和localStorage。sessionStorage用于临时存储同一窗口的数据,关闭浏览器窗口后数据消失;而localStorage则提供持久化的存储,即使关闭浏览器数据依然存在,且可在同源的多个窗口间共享。两者都以键值对形式存储数据,支持存储、获取、删除和清除操作。在使用时需要注意它们的生命周期和数据共享范围。
摘要由CSDN通过智能技术生成

window.sessionStorage

1.生命周期为关闭浏览器窗口

2.在同一个窗口下数据可以共享

3.以键值对的形式存储

用法:

存储数据   sessionStorage.setItem(key, val)

获取数据 sessionStorage.getItem(key)

删除数据 sessionStorage.removeItem(key)

清楚所有数据 sessionStorage.clear()//会清除页面中所有数据,慎用

window.localStorage

1.生命周期永久生效,除非手动删除否则关闭页面也会生效

2.可以多窗口(页面)共享(同一浏览器可以共享)

3.以键值对的形式存储使用

用法

存储数据 localStorage.setItem(key, val)

获取数据 localStorage.getItem(key)

删除数据 localStorage.removeItem(key)

清楚所有数据 localStorage.clear()//

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值