HTML5本地存储 localStorage 和 sessionStorage 的基本用法及属性

时间:2021-10-27 16:38:38

localStorage 和 sessionStorage 的用法都是本地的存储和获取

但他们又有所区别,

1, sessionStorage 是一个短暂的本地存数,它会随着浏览器的刷新和关闭而消失,

2, localStorage 是持久化的本地存储,除非主动删除数据,否则数据是永久保存。

它们的用法都是一样的,都能把数据存到本地浏览器,也能把存在浏览器的数据取下来:

  localStorage.setItem(key,value)  是用来储存的 存储时,没有key存在的时候,直接存储,如果已经存在,那么就是替换value值;

  localStorage.getItem(key) 是用来获取的 获取时,必须要有对应的key,如果没有key存在的时候,获取的是null;

  localStorage.removeItem(key) 这是删除单个的key

  localStorage.clear() 这是清除所有的key