HTML5——存储（cookie、localStorage、sessionStorage）的区别

标签：易用   资源   影响   删除   ssi   的区别   cookie   rem   oca   

cookie
本来用于客户端和服务端通信，
但是因为它有本地存储的功能，于是被“借用”了。
使用方法
document.cookie 获取和修改即可
缺点
存储量太少，只有4kb
所有http请求都带着，会影响获取资源的效率。
API简单，需要封装才能使用。
localStorage和sessionStorage
HTML5专门为存储而设计，最大容量5M。
localStorage的数据，只要不删除，永远存在。
sessionStorage的数据，只要关闭当前窗口页，便会删除。
使用方法
localStorage.setItem(key,value) 设置
sessionStorage.setItem(key,value) 设置

localStorage.getItem(key) 获取
sessionStorage.getItem(key)

localStorage.removeItem(key) 删除
sessionStorage.removeItem(key)

localStorage.clear() 清空
sessionStorage.clear()
区别总结
容量
是否会携带到ajax中
API易用性

HTML5——存储（cookie、localStorage、sessionStorage）的区别

标签：易用   资源   影响   删除   ssi   的区别   cookie   rem   oca   

原文地址：https://www.cnblogs.com/dqiii/p/13168833.html