20 本地存储

64 阅读1分钟

本地存储

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

window.sessionStorage 会话存储

  1. 生命周期 --- 关闭浏览器窗口
  2. 在同一个窗口(页面)下可以共享数据
  3. 以键值对的形式存储使用

设置

image.png

获取

image.png

删除单个数据

image.png

清空

image.png

window.localStorage 本地存储

  1. 生命周期 --- 永久生效,除非手动清除存储数据
  2. 在不同窗口(页面)下都可以共享数据
  3. 以键值对的形式存储使用

和 sessionStorage 大体差不多 , 不过 前面变成localStorage

image.png