localStorage 简介
localStorage的生命周期是永久性的。即使关闭浏览器,数据也不会销毁,存储大小一般为5M,需要主动去销毁。
// 设置localStorage
localStorage.setItem('key', JSON.stringify('value'))
// 获取localStorage
JSON.parse(localStorage.getItem('key'))
// 删除对应键值的数据
localStorage.removeItem('key')
// 删除所有localStorage的数据
localStorage.clear()
sessionStorage 简介
sessionStorage 的生命周期是仅在当前浏览器窗口关闭前有效,不能持久保持。在整个浏览器未关闭前,其数据一直都是存在的。存储大小一般为5M。
// 设置sessionStorage
sessionStorage.setItem('key', JSON.stringify('value'))
// 获取sessionStorage
JSON.parse(sessionStorage.getItem('key'))
// 删除对应键值的数据
sessionStorage.removeItem('key')
// 删除所有sessionStorage的数据
sessionStorage.clear()
特殊注意
使用localstorage.setItem('key','value')存储JSON对象时会发现浏览器存储的内容为[object,object],并不是原有的数据结构,这是因为我们在存储数据时没有进行类型转换,使用localStorage.setItem('key',JSON.stringify('value'))就能保证存储的数据结构正确,同理,获取数据时同样需要对数据进行格式转化,JSON.parse(localStorage.getItem('key'))