前端本地存储localStorage&sessionStorage

231 阅读1分钟

localStorage特性

  • H5新特性
  • 有域名限制,不存在作用域的概念
  • 只有key-value
  • 没有过期时间
  • 浏览器关闭后数据不消失

sessionStorage特性

  • ... 与localStorage大致相同,不同👇
  • 有声明周期,浏览器关闭就消失

localStorage展示👇

添加数据

window.localStorage.setItem('name','Hope');

查看数据

window.localStorage.getItem('name');

查看当前浏览器的所有localStorage数据

window.localStorage

删除数据

window.localStorage.removeItem('name');

保存对象

window.localStorage.setItem('name',JSON.stringify({name:'Hope'}));

sessionStorage展示👇

添加数据

window.sessionStorage.setItem('age','23');

获取数据

window.sessionStorage.getItem('age');

获取当前浏览器的sessionStorage数据

window.sessionStorage

删除数据

window.sessionStorage.removeItem('age');

最后

关闭浏览器之后,sessionStorage的数据被清空了,localStorage的数据仍在