1.介绍
(1)数据存储在用户浏览器中
(2)设置、读取方便、甚至页面刷新不丢失数据
2.本地存储分类
1.localStorage
作用:可以将数据永久存储在本地(用户的电脑),除非手动删除,否则关闭页面也会存在
特性:(1)可以多窗口(页面)共享(同一浏览器可以共享)
(2)以键值对的形式存储使用
存储数据:
localStorage.setItem('键','值')
获取数据:
localStorage.getItem('键')
删除数据:
localStorage.removeItem('键')
2. sessionStorage
特性:
- 生命周期为关闭浏览器窗口
- 在同一个窗口(页面)下数据可以共享
- 以键值对的形式存储使用
- 用法跟 localStorage基本相同
本地存储只能存储字符串数据类型
3.存储复杂数据类型
1.将复杂数据类型转换成JSON字符串,再存储到本地
语法:
JSON,stringify(复杂数据类型)
2.把JSON字符串转换成对象
语法:
JSON.parse()