cookiesessionStorage和localStorage

Posted 2021-01-29 zmj97

---

title: cookie、sessionStorage和localStorage
toc: false
date: 2018-09-25 16:49:57

---

cookie

由于HTTP协议是无状态的，它自身不对请求和响应之间的通信状态进行保存，因此为了实现保持登录状态等功能，引入了Cookie。

Cookie技术通过在请求和响应报文中写入Cookie信息来控制客户端的状态。

若不为Cookie设置过期时间，那么Cookie会在浏览器关闭时被删除。

因为Cookie被携带在http报文中，所以Cookie只适合存储比较小的数据，不能超过4KB。

webstorage

html5提供的在客户端存储数据的方式。

webstorage有两种存储数据的方式：

• sessionStorage，针对一个session（会话）的存储
• localStorages，持久化的本地存储

容量上限：

Feature	Chrome	Firefox (Gecko)	Internet Explorer	Opera	Safari (WebKit)
localStorage	4	3.5	8	10.50	4
sessionStorage	5	2	8	10.50	4