本地特性
- 本地存储将数据存储在浏览器中
- 设置、读取方便刷新页面数据也不会丢失
- 容量大,sessionStorage约5M、localStorage约20M
- 只能存储字符串,将对象通过JSON.stingify()编码后存储 本地特性 本地存储将数据存储在浏览器中 设置、读取方便刷新页面数据也不会丢失 容量大,sessionStorage约5M、localStorage约20M 只能存储字符串,将对象通过JSON.stingify()编码后存储
window.sessionStorage
- 关闭浏览器窗口失效
- 在同一个页面数据共享
- 以键值对的形式存储使用
存储数据:sessionStorage.setItem(key,value) 获取数据:sessionStorage.getItem(key) 删除数据:sessionStorage.remove(key) 删除所有数据:sessionStorage.clear()
window.localStorage
- 永久有效,除非手动删除,否则关闭页面也会存在
- 多页面共享数据
- 键值对存储数据
存储数据:localStorage.setItem(key,value)
获取数据:localStorage.getItem(key)
删除数据:localStorage.remove(key)
删除所有数据:localStorage.clear()