localStorage
1、生命周期永久生效,除非手动删除 否则关闭页面也会存在
2、可以多窗口(页面)共享(同一浏览器可以共享)
3. 以键值对的形式存储使用
功能 | 语句 |
---|---|
存储 | localStorage.setItem(key, value) |
获取 | localStorage.getItem(key)| |
删除 | localStorage.removeItem(key) |
注意: 本地只能存储字符串,无法存储复杂数据类型.需要将复杂数据类型转换成JSON字符串,在存储到本地
功能 | 语句 |
---|---|
将复杂数据转换成JSON字符串 存储 本地存储中 | JSON.stringify(复杂数据类型) |
将JSON字符串转换成对象 取出 时候使用 | JSON.parse(JSON字符串 |
sessionStorage(了解)
1、生命周期为关闭浏览器窗口
2、在同一个窗口(页面)下数据可以共享
3. 以键值对的形式存储使用
4. 用法跟localStorage 基本相同