本地存储特性
1、数据存储在用户浏览器中
2、页面刷新不丢失数据
3、容量较大, 约 5M 左右
localStorage
1.生命周期永久生效,除非手动删除,不然关闭页面也照样存在
2.以键值对的形式存储使用
语法:
存储数据:localStorage.setItem('键', '值')
获取数据:localStorage.getItem('键')
删除数据:localStorage.removeItem('键')
注意键值都得带引号,不过值为数字时,不带引号也可以
已有的键值重新存储会覆盖原来的
注意引号
注意点:1.存储数据时键值都得带引号!(数字例外,但是还是都带上,不容易记混)
2.取,删都只需要键
本地存储存储简单数据类型可以直接存储,存储复杂数据类型需要转换为JSON字符串
sessionStorage(了解)
1.生命周期为关闭浏览器窗口
2.以键值对的形式存储使用
3.用法跟localStorage 基本相同