cookie、localStorage和sessionStorage三者的区别

cookie、localStorage和sessionStorage三者的区别

一、存储的时间有效期不同

1、cookie的有效期是可以设置的，默认的情况下是会话（关闭浏览器后失效）

2、sessionStorage的有效期是仅保持在当前页面，关闭当前会话页或者浏览器后就会失效

3、localStorage的有效期是在不进行手动删除的情况下是一直有效的

二、存储的大小不同

1、cookie的存储是4kb左右，存储量较小

2、localStorage和sessionStorage的存储容量是5Mb左右（有的浏览器只有2.5Mb左右）

三、性能

1、cookie在请求设置它的那个源的时候都会在请求头带上，所以如果cookie很大，需要的带宽也会增加。

2、localStorage和sessionStorage也不参与跟服务端的通信。

四、跨域

跨域请求的响应可以Set-Cookie，正常情况下跨域请求返回的Set-Cookie，浏览器是不会保存它的cookie的。要使浏览器保存跨域请求的cookie就需要在请求时候 xmlHttpRequest 时候设置 withCredentials 属性为 true，服务器返回的响应头也要有Access-Control-Allow-Credentials: true返回，才可以顺利把cookie保存在浏览器。另外，localStorage和sessionStorage不能跨域设置。