cookie和sessionStorage、localStorage的区别

最新推荐文章于 2025-01-13 15:33:25 发布
原创 最新推荐文章于 2025-01-13 15:33:25 发布 · 402 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #前端

本文对比了Cookie、LocalStorage和sessionStorage三种浏览器存储方式的特点。详细解释了它们的数据生命周期、存放数据大小限制及与服务器端通信的区别。

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

相同点：
三者都可以被用来在浏览器端存储数据，而且都是字符串类型的键值对。
区别
特性CookieLocalStoragesessionStorage
数据的生命周期一般由服务器生成，可设置失效时间。如果在浏览器生成，默认是关闭浏览器之后失效除非被清除，否则永久保存仅在当前会话有效，关闭页面或浏览器后被清除
存放数据大小4KB一般5MB一般5MB
与服务器端通信每次都会携带在HTTP头中，如果使用cookie保存过多数据会带来性能问题仅在客户端中保存，不参与和服务器的通信。（也有脚本选择提交到服务器端）同LocalStorage
用途一般由服务器端生成，用于标识用户身份用于浏览器端还纯数据同LocalStorage
共享   

希望我的入坑经验对你有所帮助，愿圣光与你同在

cookie、sessionStorage和localStorage的区别（详细）
微微的猪食小窝
11-13 1518
1）webstorage是本地存储，存储在客户端，包括localStorage和sessionStorage2）localStorage生命周期是永久，这意味着除非用户显示在浏览器提供的UI上清除localStorage信息，否则这些信息将永远存在。存放数据大小为一般为5MB,而且它仅在客户端（即浏览器）中保存，不参与和服务器的通信3）sessionStorage仅在当前会话下有效，关闭页面或浏览器后被清除。存放数据大小为一般为5MB,而且它仅在客户端（即浏览器）中保存，不参与和服务器的通信。
一篇文章搞懂Cookie, sessionStorage 和 localStorage
AQiukai的博客
08-08 1390
本文章是本人在实习过程中遇到的知识点的自我整理和汇总，主要用于自己记录和回顾，如果可以帮到别人也是十分乐意的。这次详细解释了cookie、localStorage、sessionStorage的详细说明和这三者的区别
Web存储技术：localStorage、Cookie与Session全面解析
m0_74825718的博客
12-19 1655
Cookie 是一种存储在用户本地计算机上的数据，它由服务器创建并发送给用户的浏览器，浏览器会将其存储起来，并在随后的请求中自动发送回服务器。请注意，这里的代码示例是基本的用法，实际应用中可能需要根据具体情况进行调整。将 session 存储在内存中，这对于开发是足够的，但在生产环境中，你可能需要使用更可靠的存储解决方案，如 Redis 或 MongoDB。了解 Cookie 的这些知识点可以帮助你更好地管理网站的身份验证、用户偏好设置以及用户跟踪等，同时确保应用的安全性和用户隐私。
cookie、session和localStorage以及sessionStorage之间的区别
bgogo的博客
10-14 2558
一、cookie、session和localStorage的区别 cookie的内容主要包括：名字、值、过期时间、路径和域。路径与域一起构成cookie的作用范围。若不设置时间，则表示这个cookie的生命期为浏览器会话期间，关闭浏览器窗口，cookie就会消失。这种生命期为浏览器会话期的cookie被称为会话cookie。 会话cookie一般不存储在硬盘而是保存在内存里，当然这个行为并不是规范规定的。若设置了过期时间，浏览器就会把cookie保存到硬盘上，关闭后再打开浏览器这些cookie仍然有效直.
Cookie、Session、LocalStorage 和 SessionStorage 的区别详解
m0_65084430的博客
06-15 7481
在前端开发中，数据存储和状态管理是非常重要的内容。常用的存储方式有 Cookie、Session、LocalStorage 和 SessionStorage。本文将详细介绍这四者的区别，帮助开发者更好地理解和选择合适的存储方案。Cookie 是由服务器生成并发送到客户端的一小段数据，客户端会将其存储并在后续请求中携带，帮助服务器识别用户。用户身份认证（如记住登录状态）存储用户偏好设置跟踪用户行为（如广告点击记录）// 设置 Cookiepath=/";// 读取 Cookie。
cookie、 sessionStorage 、localStorage之间的区别和使用
weixin_33985507的博客
06-27 277
1.cookie:存储在用户本地终端上的数据。有时也用cookies，指某些网站为了辨别用户身份，进行session跟踪而存储在本地终端上的数据，通常经过加密。一般应用最典型的案列就是判断注册用户是否已经登过该网站。 2.HTML5 提供了两种在客户端存储数据的新方法：(http://www.w3school.com.cn/html5/html_5_webstorage.asp)...两者都是仅...
cookie、localStorage和sessionStorage三者的区别
热门推荐
first_shun的博客
04-16 2万+
cookie、localstorage和sessionStorage三者都是在开发中用到的临时存储客户端会话信息或者数据的方法，下面就简单介绍一下三者的区别： 一、存储的时间有效期不同 1、cookie的有效期是可以设置的，默认的情况下是关闭浏览器后失效 2、sessionStorage的有效期是仅保持在当前页面，关闭当前会话页或者浏览器后就会失效 3、localStorage的有效期是在不进行手动删除的情况下是一直有效的 二、存储的大小不同 1、cookie的存储是4kb左右，存储量较小，一般
深入理解Web存储机制：Cookie、SessionStorage与LocalStorage的区别
最新发布
chaosweet的博客
01-13 1235
选择正确的工具是成功的开始。
cookie，localStorage,sessionStorage区别与应用
01-07
cookie localStorage sessionStorage 概念 存放在客户端的一段文本信息 存储在客户端的临时信息，只能存放字符串类型数据 同localStorage 大小 4k 5M 5M 生命周期 浏览器关闭，数据清空 存在内存中，除非...
cookie、sessionStorage和localStorage的区别
04-01
### Cookie、SessionStorage 和 LocalStorage 的区别 #### 一、基本概念 - **Cookie**: 是一种小型文本文件，由服务器生成并发送至客户端浏览器，在浏览器中保存一段时间后，再发送回服务器。主要用于跟踪用户状态...
cookies、sessionStorage和localStorage解释及区别
前端小99的博客
09-10 6598
HTML4的本地存储 cookie 浏览器的缓存机制提供了可以将用户数据存储在客户端上的方式，可以利用cookie,session等跟服务端进行数据交互。 cookie和session cookie和session都是用来跟踪浏览器用户身份的会话方式。 区别： 1、保持状态：cookie保存在浏览器端，session保存在服务器端 cookie和session使用方式： （1）cookie机制：如果不在浏览器中设置过期时间，cookie被保存在内存中，生命周期随浏览器的关闭而结束，这种cook
Cookie、session和localStorage的区别
weixin_30466039的博客
01-17 109
一、Cookie、session和localStorage的区别 　　cookie的内容主要包括：名字、值、过期时间、路径和域。路径与域一起构成cookie的作用范围。若不设置时间，则表示这个cookie的生命期为浏览器会话期间，关闭浏览器窗口，cookie就会消失。这种生命期为浏览器会话期的cookie被称为会话cookie。 　　会话cookie一般不存储在硬盘而是保存在内存里，当然这...
Cookie、LocalStorage、SessionStorage的区别
m0_56698268的博客
04-20 473
Cookie、LocalStorage、SessionStorage的区别以及使用
Cookie和session的区别，localstorage和sessionstorage的区别
亚丝娜
08-02 275
Cookie和session都可用来存储用户信息，cookie存放于客户端，session存放于服务器端，因为cookie存放于客户端有可能被窃取，所以cookie一般用来存放不敏感的信息，比如用户设置的网站主题，敏感的信息用session存储，比如用户的登陆信息，session可以存放于文件，数据库，内存中都可以，cookie可以服务器端响应的时候设置，也可以客户端通过JS设置cookie会在请求时在http首部发送给客户端，cookie一般在客户端有大小限制，一般为4K， 下面从几个方向区分一下cook
cookie和localstorage和sessionstorage的区别
风流倜傥唐伯虎的博客
04-09 156
基本概念 cookie：是网景公司的前雇员在1993年发明。它的主要用于保存登陆信息，比如登陆某个网站市场可以看到'记住密码’，这就是通过在cookie中存入一段辨别用户身份的数据来实现的。 sessionStorage：会话，是可以将一部分数据在当前会话中保存下来，刷新页面数据依旧存在。但是页面关闭后，sessionStorage中的数据就会被清空。 localStorage：是HTML5...
Cookie、session和localStorage、以及sessionStorage之间的区别
ruby_xc的博客
03-25 1万+
一、Cookie、session和localStorage的区别 cookie的内容主要包括：名字、值、过期时间、路径和域。路径与域一起构成cookie的作用范围。若不设置时间，则表示这个cookie的生命期为浏览器会话期间，关闭浏览器窗口，cookie就会消失。这种生命期为浏览器会话期的cookie被称为会话cookie。 会话cookie一般不存储在硬盘而是保存在内存里，当然
localStorage，sessionStorage和cookie的介绍及区别
qq_40961420的博客
08-05 1028
localStorage，sessionStorage和cookie的介绍及区别 1、localStorage localStorage是HTML5规范中作为持久化保存客户端数据的方案， localStorage可以用于数据缓存，日志存储等应用场景 localStorage特征： 受同源策略的限制 存储空间一般都在5MB左右 键值对最终的存储形式是字符串 2、sessionStorage 会话，是可以将一部分数据在当前会话中保存下来，刷新页面数据依旧存在。但是页面关闭后，sessionStorage
localStorage，sessionStorage和cookie的区别
weixin_46920847的博客
03-23 2021
只能说是面试常考题了，特别是在项目中使用到这几个的任何一个，基本都会进行提问区别。于是决定进行好好总结。 共同点： 都是用于数据存储，将数据存储在浏览器端，满足同源策略。（同源策略是用于限制一个源和另一个源进行交互的安全策略，同源：协议、端口号、主机都相同） 区别： 保存方式区别：cookie数据始终在同源的http请求中携带，即cookie会在浏览器和服务器之间来回传递，但可以通过路径限制其只属于某个路径下有效。而sessionStorage和localStorage不会把数据发给服务器，仅在本地保存。
cookie与sessionstorage localstorage的区别
05-14
Cookie、sessionStorage和localStorage都是前端存储数据的方式，它们的主要区别在于以下几个方面： 1. 存储大小：Cookie的存储大小一般为4KB，而sessionStorage和localStorage的存储大小一般为5MB。 2. 生命周期：...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值