Localstorage、sessionStorage、cookie 的区别

47 阅读1分钟

共同点:

都是保持在浏览器端,且同源(协议,域名,端口号三者相同)

区别:

1.生命周期:

cookie:可设置失效时间,没有设置的话,默认是关闭浏览器后失效

localStorage:除非被手动清除,否则将会永久保存。

sessionStorage: 仅在当前浏览器窗口关闭之前有效。

2.存放数据大小:

cookie:4KB左右

localStorage和sessionStorage:可以保存5MB的信息。

3.作用域:

sessionStorage:不在不同的浏览器窗口中共享,即使是同一个页面。

localstorage:在所有同源窗口中都是共享的。

cookie:在所有同源窗口中都是共享的。

4.http请求:

cookie:每次都会携带在HTTP头中,如果使用cookie保存过多数据会带来性能问题,如会话标识。

localStorage和sessionStorage:仅在浏览器中保存,不参与和服务器的通信