localStorage、sessionStorage 存储

本文介绍了WebStorage中的localStorage和sessionStorage,它们是浏览器提供的本地存储机制,用于在用户浏览器中保存数据。localStorage能持久保存数据,直到手动清除;sessionStorage则在会话期间有效,浏览器关闭后数据消失。主要API包括setItem、getItem、removeItem和clear等,存储大小通常限制在5MB左右。了解这些存储方式对于前端开发至关重要。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

localStorage、sessionStorage 存储 统称 webStorage 存储

  1. 存储内容大小一般支持5MB左右(不能浏览器不一样)

  2. 浏览器端通过window.sessionStorage和window.localStorage属性来实现本地存储机制

  3. 使用方法API

    1. 设置缓存   

      localStorage.setItem('key','value')
      
      sessionStorage.setItem('key','value')
    2. 获取缓存

      localStorage.getItem('key')
      sessionStorage.getItem('key')
    3. 删除缓存

      localStorage.removeItem('key')
      sessionStorage.removeItem('key')
    4. 清空缓存

      localStorage.clear()
      sessionStorage.clear()

4. sessionStorage 会话期间的,浏览器关闭session清空

5. localStorage 本地存储,需要手动清除才会消失

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值