JavaScript九
存储
一、cookie
- 本身用于浏览器和 server 通讯的 ,是http 请求的一部分
- 被“借用”作为本地存储
- 可用
document.cookie = '...'
来修改(前端修改cookie 的方式) , 一次只能赋值一个, - cookie 是字符串的形式 ,每个都用 ;来分隔 ,且 是 key=value; 的形式
- 并且赋值key 不同的是追加过程,不是覆盖!!!而 key 相同 则是覆盖 如下图
- 只要cookie不清除 ,无论怎么刷新 cookie 都不会丢失
== 缺点 == - cookie 最大存储 4kb
- http 请求时会需要把cookie 一起发送到服务端 ,增加请求数据量
- 只能用
document.cookie = '...'
来修改 ,太简陋
二、localStorage 和 sessionStorage
- HTML 5 专门为存储而设计的 ,最大可存储 5M
- API 简单易用 setItem getItem
- 不会随着 http请求被发送出去
different
- localStorage 数据会永久存储 ,除非代码或手动删除
- sessionStorage 数据只能存在于当前会话 ,浏览器关闭 则清空
- 一般 localStorage 会用到更多一些
三、描述cookie localStorage sessionStorage 区别
- 容量
- API 易用性
- 是否跟随 http请求发送出去