web储存:cookie、localStorage和sessionStorage的区别

cookie

• 本身用于浏览器和 server 通信
• 被“借用”到本地储存来的
• 可用 document.cookie='...' 修改

缺点:

• 存储大小限制 4KB
• HTTP请求时需要发送到服务端,增加请求数量
• 只能用 document.cookie='...' 来修改,太过简陋

localStorage 和 sessionStorage

• HTML5 专门为存储来设计的,最大可存5M
• API 简单易用,setItem getITem 分别用于存储和获取
• 不会随着 http 请求被发送到服务端

它们的区别:

• localStorage 数据会被永久存储,除非代码删除或手动删除
• sessionStorage 数据只会存于当前会话,浏览器关闭则清空
• 一般用 localStorage 会多一些