localStorage、sessionStorage、cookies 有什么区别？

最新推荐文章于 2025-03-26 19:32:15 发布

原创最新推荐文章于 2025-03-26 19:32:15 发布

· 243 阅读

1 ·

版权

文章标签：

#前端 #javascript #存储

文章详细对比了cookie、sessionStorage和localStorage在有效期、存储容量、作用域及与服务端交互的区别。cookie默认在浏览器关闭后失效，而sessionStorage和localStorage在特定条件下可长期保存。它们的存储大小也不同，cookie约为4KB，而sessionStorage和localStorage可达5MB。此外，sessionStorage局限于当前会话页，cookie和localStorage则在同源窗口间共享。cookie会参与HTTP请求，而sessionStorage和localStorage仅用于前端本地存储，不与服务端通信。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、存储的时间有效期不同
cookie的有效期是可以设置的，默认情况下是关闭浏览器后失效
sessionStorage的有效期是仅保持在当前页面，关闭当前会话页或者关闭浏览器就会失效
localStorage的有效期是在不进行手动删除的情况下一直有效
2、存储的大小不同
cookie的存储是4K左右，存储量较小，因为每次http请求都会携带cookie
localStorage和sessionStorage的存储量是5Mb
3、作用域不同
sessionStorage不能在不同的浏览器中共享，即使是同一页面，cookie和localStorage在所有的同源窗口中都是共享的
4、与服务端的通信
cookie是会参与到与服务端的通讯中，一般会携带在http请求的头部中，例如一些关键密钥严重等，有路径的概念，可以限制cookie只属于某个路径下。
localStorage和sessionStorage是单纯的前端存储只在本地保存，不参与服务端的通信