cookie、sessionStorage、localStorage三者的区别

最新推荐文章于 2024-10-30 21:10:40 发布
最新推荐文章于 2024-10-30 21:10:40 发布
阅读量203 收藏 1
点赞数
CC 4.0 BY-SA版权
分类专栏： JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_41376400/article/details/89182577
本文深入解析了cookie、localStorage和sessionStorage的区别，包括它们的作用域、生命周期及存储空间大小。了解这些差异有助于开发者在不同的场景下选择合适的数据存储方式。

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

区别1作用域

cookie跟localStorage的作用域是整个浏览器。sessionStorage只针对当前窗口
如：浏览器打开2个页面。在第一个页面中写入cookie或者localStorage之后在第二个页面可以读取。但是，sessionStorage无法再         第二个页面读取第一个页面设置的值。

区别2生命周期

cookie的默认生命周期是到浏览器的关闭。

sessionStorage的默认生命周期是到当前页关闭。

localStorage的默认生命周期是到浏览器的强制清除。否则，会一直存在。

区别3储存空间大小

cookie的每条数据不能超过4kb，浏览器有个数限制。尽量不要超过20个。

sessionStorage跟localStorage的大小一般为5MB左右，根据浏览器的不同而不同

 

深入理解Web存储机制：Cookie、SessionStorage与LocalStorage的区别
chaosweet的博客
01-13 1234
选择正确的工具是成功的开始。
一篇文章搞懂Cookie, sessionStorage 和 localStorage
AQiukai的博客
08-08 1388
本文章是本人在实习过程中遇到的知识点的自我整理和汇总，主要用于自己记录和回顾，如果可以帮到别人也是十分乐意的。这次详细解释了cookie、localStorage、sessionStorage的详细说明和这三者的区别
cookie，localStorage,sessionStorage区别与应用
01-07
cookie localStorage sessionStorage 概念 存放在客户端的一段文本信息 存储在客户端的临时信息，只能存放字符串类型数据 同localStorage 大小 4k 5M 5M 生命周期 浏览器关闭，数据清空 存在内存中，除非自己删除 浏览器关闭，数据清空 存储信息 文本类型 字符串类型数据 同左 属性 是document属性 是window属性 同左 作用范围 无法跨域 同一浏览器不同页面可以共享数据 用来保存临时数据，防止用户刷新页面之后丢失参数 原生api 不好用，自己封装 还好 还好 应用 判断用户知否登录 购物车信息
cookie、localstorage和sessionStorage三者区别~
yuroll的博客
03-31 206
一、存储的时间有效期不同1、cookie的有效期是可以设置的，默认的情况下是关闭浏览器后失效2、sessionStorage的有效期是仅保持在当前页面，关闭当前会话页或者浏览器后就会失效3、localStorage的有效期是在不进行手动删除的情况下是一直有效的二、存储的大小不同1、cookie的存储是4kb左右，存储量较小，一般页面最多存储20条左右信息2、localStorage和sessionStorage的存储容量是5Mb(官方介绍，可能和浏览器有部分差异性)三、与服务端的通信。
Cookies、localStorage和sessionStorage三者之间的区别
bianenhui91的专栏
07-31 1380
Cookies、localStorage和sessionStorage三者之间的区别 cookies、localStorage和sessionStorage之间的区别，要从以下几个方面进行分析： 1.有效期 cookies是会话机制，它是在设置的时间内（自己设置的）有效。 ​ localStorage是属于本地存储的一种，是永久存储，除非手动删除，否则一直有效。 ​ sessionStorage也是属于本地存储的一种，是临时存储，在关闭当前页面或者当前浏览器窗口前有效。 2.存储数据的大小 cookies存
浏览器缓存Cookie,localStorage,sessionStorage三者的区别与用法
web那些事
11-09 1456
在web网页开发中，常常会用到Cookie,localStorage,sessionStorage等方式临时储存客户端数据，本文为大家解说这三种方式的区别，应用场景以及使用方法。 三者的异同 cookie cookie 是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时，就会发送这个 cookie。你可以使用 JavaScript 来创建和取回 cookie 的值...
cookie，localstorage、sessionStorage的区别
TanMengyi的博客
03-25 649
前端本地存储的方式有三种，分别是cookie，localstorage和sessionStorage，他们的区别如下： 1、生命周期： cookie：可设置失效时间，没有设置的话，默认是关闭浏览器后失效 localStorage：除非被手动清除，否则将会永久保存。 sessionStorage： 仅在当前网页会话下有效，关闭页面或浏览器后就会被清除。 2、存放数据大小： cookie：4KB左右 localStorage和sessionStorage：可以保存5MB的信息。 3、http请求： cooki
sessionStorage localStorage cookie三者区别
08-13
sessionStorage、localStorage和cookie都是在浏览器端存储数据的方式，但它们有一些区别。 1. 作用域： - sessionStorage：数据仅在单个会话期间有效，当用户关闭浏览器窗口时会被清除。 - localStorage：数据在...
一文了解浏览器存储+sessionStorage+cookie+localStorage
最新发布
m0_51244077的博客
10-30 1882
一文了解浏览器存储+sessionStorage+cookie+localStorage
localStorage本地缓存到第二个页面接收！--飞机票项目
Facing_the_Giants的博客
09-21 920
为什么要说到localStorage呢？因为我这个项目的首页点击搜索按钮的时候，是需要跳转页面，以及将数据在第二个页面进行请求数据并渲染。 我的思路有俩种： 1.点击搜索直接传给后台生成接口后在第二个页面调用接口接受！ 2.直接在前端页面本地缓存，后在第二个页面获取！ 为什么我要讲一下第二种，因为后端也是有脾气的，不给你写，你也是俩眼发呆没毛病。先看一下效果图
localStorage、sessionStorage、cookie分别是什么以及区别+浏览器存储方法
m0_52669454的博客
09-07 1176
localStorage、sessionStorage、cookie分别是什么以及区别+浏览器存储方法
cookie、localStorage和sessionStorage三者的区别
first_shun的博客
04-16 2万+
cookie、localstorage和sessionStorage三者都是在开发中用到的临时存储客户端会话信息或者数据的方法，下面就简单介绍一下三者的区别： 一、存储的时间有效期不同 1、cookie的有效期是可以设置的，默认的情况下是关闭浏览器后失效 2、sessionStorage的有效期是仅保持在当前页面，关闭当前会话页或者浏览器后就会失效 3、localStorage的有效期是在不进行手动删除的情况下是一直有效的 二、存储的大小不同 1、cookie的存储是4kb左右，存储量较小，一般
cookie 、sessionstorage 、localstorage三者的区别
weixin_45541388的博客
06-21 1万+
cookie、loacalstorage、sessionstorage的区别
cookie、sessionStorage和localStorage的区别
热门推荐
浮生离梦的博客
05-30 8万+
一、 概念的理解 webstorage本地存储 1）webstorage是本地存储，存储在客户端，包括localStorage和sessionStorage 2）localStorage生命周期是永久，这意味着除非用户显示在浏览器提供的UI上清除localStorage信息，否则这些信息将永远存在。存放数据大小为一般为5MB,而且它仅在客户端（即浏览器）中保存，不参与和服务器的通信 3）ses...
session、cookie、WebStorage（sessionStorage，localStorage）区别
huhm_evget的博客
04-21 790
cookie 天生就是最适合做认证，他们最大的区别是：每次 request 都会自动在 header 中带上所有的 cookie。 浏览器的缓存机制提供了可以将用户数据存储在客户端上的方式，可以利用cookie,session等跟服务端进行数据交互。 一、cookie和session cookie和session都是用来跟踪浏览器用户身份的会话方式。 cookie机制 如果不在浏览器中设置过期时间，cookie被保存在内存中，生命周期随浏览器的关闭而结束，这种cookie简称会话cookie。如果在浏览器中
cookie、localStorage和sessionStorage的区别
joyouscola的博客
05-24 924
首先介绍一下它们 SessionStorage, LocalStorage, Cookie这三者都可以被用来在浏览器端存储数据，而且都是字符串类型的键值对。 区别在于前两者属于WebStorage，创建它们的目的便于客户端存储数据。 而Cookie早在网景公司的浏览器中就开始支持，最初目的是为了保持HTTP的状态。 Cookie是服务器发送到用户浏览器并保存在浏览器上的一块数据， 它会在浏览器下一次发起请求时被携带并发送到服务器上。可以它用来确定两次请求是否来自于同一个浏 览器，从而能够确认和保持用户的登录
Cookie、SessionStorage和LocalStorage 区别？
lihui61357457的博客
10-13 1331
【代码】Cookie、SessionStorage和LocalStorage 区别？
Localstorage、sessionStorage、cookie 的区别
Wujunbin952的博客
07-03 4554
Localstorage、sessionStorage、cookie 的区别和H5的浏览器储存。
sessionStorage使用不同方法打开新页面
junjiahuang的博客
08-25 1774
sessionStorage 属性允许你访问一个，对应当前源的 session Storage 对象。它与 localStorage 相似，不同之处在于 localStorage 里面存储的数据没有过期时间设置，而存储在 sessionStorage 里面的数据在页面会话结束时会被清除。 页面会话在浏览器打开期间一直保持，并且重新加载或恢复页面仍会保持原来的页面会话。 在新标签或窗口打开一个页面时会复制顶级浏览会话的上下文作为新会话的上下文，这点和 session cookies 的运行方式不同。 打.
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值