HTML5——存储（cookie、localStorage、sessionStorage）的区别
2021-02-02 17:14
标签：易用 资源 影响 删除 ssi 的区别 cookie rem oca cookie localStorage.getItem(key) 获取 localStorage.removeItem(key) 删除 localStorage.clear() 清空 HTML5——存储（cookie、localStorage、sessionStorage）的区别 标签：易用 资源 影响 删除 ssi 的区别 cookie rem oca 原文地址：https://www.cnblogs.com/dqiii/p/13168833.html
本来用于客户端和服务端通信，
但是因为它有本地存储的功能，于是被“借用”了。
使用方法
document.cookie 获取和修改即可
缺点
存储量太少，只有4kb
所有http请求都带着，会影响获取资源的效率。
API简单，需要封装才能使用。
localStorage和sessionStorage
HTML5专门为存储而设计，最大容量5M。
localStorage的数据，只要不删除，永远存在。
sessionStorage的数据，只要关闭当前窗口页，便会删除。
使用方法
localStorage.setItem(key,value) 设置
sessionStorage.setItem(key,value) 设置
sessionStorage.getItem(key)
sessionStorage.removeItem(key)
sessionStorage.clear()
区别总结
容量
是否会携带到ajax中
API易用性
文章标题：HTML5——存储（cookie、localStorage、sessionStorage）的区别
文章链接：http://soscw.com/index.php/essay/50056.html