Cookies、localStorage和sessionStorage三者之间的区别

最新推荐文章于 2025-05-16 11:40:52 发布
最新推荐文章于 2025-05-16 11:40:52 发布
阅读量1.3k 收藏 8
点赞数
CC 4.0 BY-SA版权
分类专栏： 前端
原文链接：https://blog.youkuaiyun.com/XingErIrene/article/details/82931048?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.channel_param&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.channel_
本文深入解析Cookies、localStorage和sessionStorage的区别，从有效期、存储大小、作用范围及安全性四方面进行对比，帮助读者理解三种存储方式的特点及应用场景。

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

Cookies、localStorage和sessionStorage三者之间的区别

cookies、localStorage和sessionStorage之间的区别，要从以下几个方面进行分析：

1.有效期

cookies是会话机制，它是在设置的时间内（自己设置的）有效。

​ localStorage是属于本地存储的一种，是永久存储，除非手动删除，否则一直有效。

​ sessionStorage也是属于本地存储的一种，是临时存储，在关闭当前页面或者当前浏览器窗口前有效。

2.存储数据的大小

cookies存储的数据大小在4k左右。

​ localStorage存储的数据大小在20M左右。

​ sessionStorage存储的数据大小在5M左右。

3.作用范围

cookies只能作用于当面目录以及当前的子目录。

​ localStorage是同一浏览器不同标签页之间数据可以共享。

​ sessionStorage中存储的数据是只能在当前标签页中使用。

4.安全性

​ cookies的安全性比loaclStorage和sessionStorage的安全性好。

Localstorage、sessionStorage、cookie 的区别
Wujunbin952的博客
07-03 4547
Localstorage、sessionStorage、cookie 的区别和H5的浏览器储存。
localStorage、sessionStorage 和 cookie介绍以及三者的区别
qq_48763502的博客
08-21 858
localStorage：长期存储数据，不会随会话结束而丢失，适用于存储较多的数据。sessionStorage：会话级别存储数据，浏览器会话结束时丢失，适用于存储较少的数据。cookie：可以与服务器交互，每个 cookie 的大小限制较小，适用于需要在客户端和服务器之间传递信息的场景。
cookie，localStorage,sessionStorage区别与应用
01-07
cookie localStorage sessionStorage 概念 存放在客户端的一段文本信息 存储在客户端的临时信息，只能存放字符串类型数据 同localStorage 大小 4k 5M 5M 生命周期 浏览器关闭，数据清空 存在内存中，除非自己删除 浏览器关闭，数据清空 存储信息 文本类型 字符串类型数据 同左 属性 是document属性 是window属性 同左 作用范围 无法跨域 同一浏览器不同页面可以共享数据 用来保存临时数据，防止用户刷新页面之后丢失参数 原生api 不好用，自己封装 还好 还好 应用 判断用户知否登录 购物车信息
Cookie、session和localStorage、以及sessionStorage之间的区别
热门推荐
ruby_xc的博客
03-25 1万+
一、Cookie、session和localStorage的区别 cookie的内容主要包括：名字、值、过期时间、路径和域。路径与域一起构成cookie的作用范围。若不设置时间，则表示这个cookie的生命期为浏览器会话期间，关闭浏览器窗口，cookie就会消失。这种生命期为浏览器会话期的cookie被称为会话cookie。 会话cookie一般不存储在硬盘而是保存在内存里，当然
【localstorage、sessionStorage和cookie】
最新发布
Go_going_的博客
05-16 1002
在实际前端开发中，数据存储是非常重要的。无论是保存用户登录状态、缓存接口数据，还是实现个性化设置，我们都需要选择合适的存储方案。常见的浏览器端存储方式包括和Cookie，它们各有优缺点，适用于不同的场景。本文将结合实际开发，简单介绍这三种存储方式存储方式何时使用？何时避免？Cookie需要服务端交互（如 JWT 认证）存储大量数据（4KB 限制）长期缓存（如用户设置）敏感数据（易被 XSS 攻击）临时数据（如表单草稿）需要跨标签页共享的数据最终推荐。
cookie、localstorage和sessionStorage三者区别~
yuroll的博客
03-31 201
一、存储的时间有效期不同1、cookie的有效期是可以设置的，默认的情况下是关闭浏览器后失效2、sessionStorage的有效期是仅保持在当前页面，关闭当前会话页或者浏览器后就会失效3、localStorage的有效期是在不进行手动删除的情况下是一直有效的二、存储的大小不同1、cookie的存储是4kb左右，存储量较小，一般页面最多存储20条左右信息2、localStorage和sessionStorage的存储容量是5Mb(官方介绍，可能和浏览器有部分差异性)三、与服务端的通信。
cookie、localStorage和sessionStorage 三者之间的区别以及存储、获取、删除等使用方式...
weixin_33705053的博客
11-27 576
写在前面：前端开发的时候，在网页刷新的时候，所有数据都会被清空，这时候就要用到本地存储的技术，前端本地存储的方式有三种，分别是cookie，localstorage和sessionStorage ，这是大家都知道的。本文的主要内容就是针对这三者的存放、获取，区别、应用场景。有需要的朋友可以做一下参考，喜欢的可以点波赞，或者关注一下，希望可以帮到大家。 本文首发于我的个人blog：obkoro1....
深入理解Web存储机制：Cookie、SessionStorage与LocalStorage的区别
chaosweet的博客
01-13 1207
选择正确的工具是成功的开始。
localStorage、sessionStorage、cookie
qq_42550235的博客
04-28 2895
前端浏览器本地存储的方式有三种，分别是cookie的生命周期是永久的，存放数据大小一般为5MB，不参加和服务的通信，不能跨浏览器使用。应用场景：历史记录、登录仅在当前会话下有效，关闭页面或者浏览器后被消除。存放数据大小一般为5MB, 不能参与于服务器的通信，不能跨浏览器使用。页面之间的传值，敏感账号的一次性登录。cookiecookies数据存储在浏览器，单个cookie数据不能超过4k;cookie 的信息会在 http 请求的时候携带到服务器，可在。
一篇文章搞懂Cookie, sessionStorage 和 localStorage
AQiukai的博客
08-08 1368
本文章是本人在实习过程中遇到的知识点的自我整理和汇总，主要用于自己记录和回顾，如果可以帮到别人也是十分乐意的。这次详细解释了cookie、localStorage、sessionStorage的详细说明和这三者的区别
localStorage、sessionStorage、cookie 三者明细区别？
02-25
当涉及到安全性和隐私保护方面时，三者也有所差异。由于 `cookie` 经常伴随着跨站请求伪造攻击(CSRF)，所以一般建议只在必要情况下才使用它们传递敏感信息并采取适当措施防止恶意利用[^7]。另一方面，虽然 `...
cookie、 sessionStorage 、localStorage之间的区别和使用
weixin_33985507的博客
06-27 272
1.cookie:存储在用户本地终端上的数据。有时也用cookies，指某些网站为了辨别用户身份，进行session跟踪而存储在本地终端上的数据，通常经过加密。一般应用最典型的案列就是判断注册用户是否已经登过该网站。 2.HTML5 提供了两种在客户端存储数据的新方法：(http://www.w3school.com.cn/html5/html_5_webstorage.asp)...两者都是仅...
cookie、sessionStorage、localStorage三者的区别
weixin_41376400的博客
04-10 201
区别1作用域 cookie跟localStorage的作用域是整个浏览器。sessionStorage只针对当前窗口 如：浏览器打开2个页面。在第一个页面中写入cookie或者localStorage之后在第二个页面可以读取。但是，sessionStorage无法再 第二个页面读取第一个页面设置的值。 区别2生命周期 cookie的默认生命周期是到浏览器的关闭。 sessi...
浏览器缓存Cookie,localStorage,sessionStorage三者的区别与用法
web那些事
11-09 1453
在web网页开发中，常常会用到Cookie,localStorage,sessionStorage等方式临时储存客户端数据，本文为大家解说这三种方式的区别，应用场景以及使用方法。 三者的异同 cookie cookie 是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时，就会发送这个 cookie。你可以使用 JavaScript 来创建和取回 cookie 的值...
Cookie,localStorage,sessionStorage
Maha
03-14 232
webstorage webstorage是本地存储，存储在客户端，包括localStorage和seesionStorage. 1.localStorage 生命周期是永久的，意味着除非用户显示在浏览器提供的UI上清楚信息，否则一直存在。仅在浏览器中保存，不参与和服务器的通信。 2.sessionStorage 仅在当前会话下有效，关闭页面或浏览器后被清除。仅在浏...
cookie localStorage sessionStorage
qq_40826764的博客
03-14 335
前言 今天学习一下前端浏览器缓存的三种方式。 正文 三者的异同 特性 Cookie localStorage sessionStorage 数据的生命期 可设置失效时间，默认是关闭浏览器后失效 除非被清除，否则永久保存 仅在当前会话下有效，关闭页面或浏览器后被清除 存放数据大小 4K左右 一般为5MB 一般为5MB 与服务器端通信 每次都会携带在HTTP头中，如果使用coo...
cookie,session,localstorage,sessionStorage
TheBadWaka的博客
01-05 645
原文地址：cookie,session,localstorage,sessionStorage区别和介绍 首先，从存储位置来看，可以分为服务端存储和客户端存储两种。 - 服务端存储：session - 浏览器端存储：cookie，localStorage，sessionStorage 作为浏览器端存储的cookie，也可以在服务端对其进行操作 cookiecookie的内容主要包括：名字，值
cookie/localStorage/sessionStorage
weixin_34417200的博客
03-21 221
三者的相同点 都是浏览器端缓存 复制代码 cookie 大小限制在4k，无论是否需要都会带入请求中，浪费带宽。 设置：document.cookie = 'user=xiaoming' 设置过期时间、路径以及是否能跨域访问： document.cookie = "'userName=abc; expires=time; path=path; demain=xxx" 复制代码 localSt...
cookie、localStorage、sessionStorage区别
田兴的博客
10-25 4584
Cookie Cookie设计初衷是用来和服务器通讯，而不是本地存储，他只是被‘借用’到本地存储。 如下图，每次http请求，header都携带cookie; localStorage、sessionStorage 与cookie相比： localStorage、sessionStorage不同点： ...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值