# 本地存储
随着互联网快速是的发展,基于网页的应用越来越普遍,同时也变得越来越复杂,为了满足各种各样的需求,会经常性在本地存储大量数据,HTML5 范围提出了相关解决方案
本地存储特性
- 数据存储在用户浏览器中
- 设置,读取方便,甚至页面可以刷星不丢失数据
- 容量较大,sessionStoage 约 5M,localStorage 约 20M
- 只能存储字符串,可以将对象的 JSON.stringify()编码后存储
# window.sessionStorage
# 存储数据
sessionStorage.setItem(key,value); |
# 获取数据
sessionStorage.getItem(key); |
# 删除数据
sessionStorage.removeItem(key); |
# 删除所有数据
sessionStorage.clear(); |
# window.localStorage
# 存储数据
localStorage.setItem(key,value); |
# 获取数据
localStorage.getItem(key); |
# 删除数据
localStorage.removeItem(key); |
# 删除所有数据
localStorage.clear(); |