本地存储sessionStorage and localStorage

本地存储特性

1. 数据存储在用户浏览器中
2. 设置、读取方便，刷新页面不会丢失
3. 容量较大，sessionStorage约5M，localStorage约20M
4. 只能存储字符串，能够将对象JSON.stringify()转换后存储

window.sessionStorage

1. 生命周期为关闭浏览器窗口
2. 在同一个窗口(页面)下数据能够共享
3. 以键值对的形式存储使用

操做	说明
sessionStorage.setItem(key, value)	存储数据
sessionStorage.get(key)	获取数据
sessionStorage.removeItem(key)	删除数据
sessionStorage.clear()	删除全部数据

window.localStorage

1. 生命周期永久生效，除非手动删除不然关闭页面也会存在
2. 能够多窗口(页面)共享(同一浏览器能够共享)
3. 以键值对的形式存储使用

操做	说明
localStorage.setItem(key, value)	存储数据
localStorage.get(key)	获取数据
localStorage.removeItem(key)	删除数据
localStorage.clear()	删除全部数据