存储

cookie

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

缺点

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

localStorage 和 sessionStorage

• HTML5 专门为存储而设计，最大可存 5M
• API 简单易用 setItem getItem
• 不会随着 http 请求被发送出去

localStorage.setItem('a', 100)
localStorage.getItem('a')

sessionStorage.setItem('b', 400)
sessionStorage.getItem('b')

localStorage 和 sessionStorage 区别

• localStorage 数据会永久存储，除非代码或手动删除
• sessionStoare 数据值存储在当前会话，浏览器关闭则清空
• 一般用 localStorage 会更过一些

阅读量：

评 论：