客户端存储 API

时间:2023-03-08 17:17:26
客户端存储 API

介绍两个在客户端存储数据的 API

localStorage与sessionStorage

两个都是window对象的属性,利用这两个属性,可以在客户端存储一些数据

相比cookie,这种存储方式的优点在于能存储更多的数据,且数据不会跟随http协议发送回客户端

localStorage 可以说是永久的存储,存储的数据会一直存在,直到浏览器清除缓存,or 使用JS清除

sessionStorage 顾名思义 存储的数据只在会话中有效 当关闭标签页或者浏览器 存储的数据就会被清除

两种存储方式 只是在存储数据的时间上有所区别,调用都使用了同样的方法

  setItem 接收一个参数,格式"key:value" 类似cookie

  getItem 接收一个key 返回对应的value

  removeItem 接收一个key 删除对应的key和value

  clear 清除所有的数据

对于JS这门语言来讲,这些方法不是必须的,可以使用方括号或者是点号来访问,设置,更新,删除一个key的value

这样更简洁

博客园的localStorage

  你在博客园写博客的时候,也可以看看当前页面的localStorage,里面也保存了你写的博客

  一个属性是draftBody保存了你在编辑器中打出的文字和HTML代码

  draftTitle保存文章的标题