Cookie也可以存储,为什么要使用Storage?
- Cookie大小限制在4k,而Storage有5M的容量。
- Cookie需要发送到服务器交互,如果数据仅是本地使用的话,会占用带宽;而Storage不会。
分类:
sessionStorage 临时存储 浏览器关闭存储结束
localStorage 永久存储 除非用户手动删除
基础存取:
// 存 需要使用字符串包围
![b7f957dad9e65682ddc79c03c69c6085.png](https://img-blog.csdnimg.cn/img_convert/b7f957dad9e65682ddc79c03c69c6085.png)
![1cdffdd6341c7c37474b20cdfbd03b7b.png](https://img-blog.csdnimg.cn/img_convert/1cdffdd6341c7c37474b20cdfbd03b7b.png)
API:
localStorage.setItem('id',12345)
// 存值
localStorage.getItem('id')
// 取值
localStorage.removeItem('id')
// 清理选择的项
localStorege.clear();
// 清理全部的项
localStorage
![98ede0c5e2d3a15398551b1fe0eb5d9c.png](https://img-blog.csdnimg.cn/img_convert/98ede0c5e2d3a15398551b1fe0eb5d9c.png)
![835a94ee776e4c98d457d119a68cabbd.png](https://img-blog.csdnimg.cn/img_convert/835a94ee776e4c98d457d119a68cabbd.png)
作用域:
localStorage->文档源限制
sessionStorage->文档源限制+窗口
用途:
离线存储,比如断网的时候可以做一些简单的操作。或者比如当前视频播放的位置,下次观看可以接着从这里看。