本地存储session和location

101 阅读1分钟

sessionStorage

  • 存储数据: sessionStorage.setItem(key,value)
  • 获取数据: sessionStorage.getItem(key)
  • 删除数据: sessionStorage.removeItem(key)
  • 删除全部数据:sessionStorage.clear();

localStorage

  • 存储数据: localStorage.setItem(key,value)
  • 获取数据: localStorage.getItem(key)
  • 删除数据: localStorage.removeItem(key)
  • 删除全部数据: localStorage.clear();

区别

  • 存储大小:sessionStorage约5M、localStorage约20M
  • 生命周期:sessionStorage临时存储,页面关闭销毁,localStorage永久存储除非手动销毁