本地存储

2022-09-08 16:22:43 浏览数 (1)

本地特性
  1. 本地存储将数据存储在浏览器中
  2. 设置、读取方便刷新页面数据也不会丢失
  3. 容量大,sessionStorage约5M、localStorage约20M
  4. 只能存储字符串,将对象通过JSON.stingify()编码后存储 本地特性 本地存储将数据存储在浏览器中 设置、读取方便刷新页面数据也不会丢失 容量大,sessionStorage约5M、localStorage约20M 只能存储字符串,将对象通过JSON.stingify()编码后存储
window.sessionStorage
  1. 关闭浏览器窗口失效
  2. 在同一个页面数据共享
  3. 以键值对的形式存储使用

存储数据:sessionStorage.setItem(key,value) 获取数据:sessionStorage.getItem(key) 删除数据:sessionStorage.remove(key) 删除所有数据:sessionStorage.clear()

window.localStorage
  1. 永久有效,除非手动删除,否则关闭页面也会存在
  2. 多页面共享数据
  3. 键值对存储数据

存储数据:localStorage.setItem(key,value)

获取数据:localStorage.getItem(key)

删除数据:localStorage.remove(key)

删除所有数据:localStorage.clear()

0 人点赞