localStorage和sessionStorage都属于本地存储,他们的区别是:
localStorage:永久存储,永远不会失效,除非手动清除
sessionStorage:临时存储,存储的数据只有在同一个会话中的页面才能访问到,并且当会话结束后,数据就立即消失了
存储数据的方法:
localStorage:
// 存储数据到localStorage
localStorage.setItem('key', value)
// 获取localStorage中的数据
localStorage.getItem('key')
// 注意存储进去的数字类型的数据会被变成字符串,可以如下方式获取数字型的值
Number(localStorage.getItem('key'))
// 删除存储的某条数据
localStorage.removeItem('key')
// 清空所有数据
localStorage.clear()
sessionStorage:
// 存数据到sessionStorage
sessionStorage.setItem('key', value)
// 从中获取数据
sessionStorage.getItem('key')
// 删除某条数据
sessionStorage.removeItem('key')
// 清空所有存储的数据
sessionStorage.clear()
存储的数据在这里可以看到哦