cookies,sessionStorage和localstroage区别

最新推荐文章于 2024-08-22 17:49:29 发布
最新推荐文章于 2024-08-22 17:49:29 发布
阅读量230 收藏
点赞数
分类专栏： js 文章标签： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lwaweb/article/details/102945828
版权

简述cookies,sessionStorage和localstroage区别

  • 相同点

    都是保存在浏览器端的 切同源

  • 不同点

    1. 存储大小不同：cookies 它保存的数据小 只有4kb，而sessionStorage和localstroage这两个存储的数据要大的多可以达到5MB
    2. 与服务器交互问题：cookies 他是在浏览器和服务器中来传递的，而sessionStorage和localstroage是本地存储的 ，
    3. 时间不同：sessionStorage它是有生命周期的 只要浏览器关闭 sessionStorage存储的数据就会消失，localstroage它存储在浏览器内，也就是存储在本地 它存储的时间是无限的，只要不是手动删除数据就会一直保存下来，cookies 存储在客户的浏览器中 他的生命周期是在设置cookies过期之前才有效，即使浏览器关闭 或者是窗口关闭。
    4. 作用域不同：sessionStorage 不在不同的浏览器窗口中共享即使同一个页面，localstroage在所有同源窗口有效的，cookies也是在同源窗口中有效
Big澳
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
localStroage和 sessionStorage以及 cookie的区别
u010180452的博客
06-28 514
1. localStroage 和 sessionStorage 以及 cookie 的区别。 首先总的来说，三者都是用于持久化数据存储的手段，都是存储在浏览器端，且同源（协议，端口号，都域名相同） ​ localStorage 和s essionStorage 都是Web存储，大小5M左右，完全存储在客户端，它们是因为本地存储数据而存在 ​ cookies也是存储在浏览器端的，大...
cookies sessionStorage和localstorage有什么区别？
weixin_47220950的博客
04-23 850
本地储存localStorage与cookie的区别 1）cookie在浏览器与服务器之间来回传递 sessionStorage和localStorage不会把数据发给服务器，仅在本地保存 2）数据有效期不同 cookie只在设置的cookie过期时间之前一直有效，即使窗口或浏览器关闭 sessionStorage：仅在当前浏览器窗口关闭前有效 localStorage 始终有效，长期保存 3）cookie数据还有路径的概念 可以限制cookie只属于某个路径下存储大小也不同，cookie数据不能超4k，s
cookies，sessionStorage 和 localStorage 的区别
lvlijun_1的博客
02-27 257
cookie是网站为了标示用户身份而储存在用户本地终端（Client Side）上的数据（通常经过加密）。cookie数据始终在同源的http请求中携带（即使不需要），记会在浏览器和服务器间来回传递。sessionStorage和localStorage不会自动把数据发给服务器，仅在本地保存。存储大小：    cookie数据大小不能超过4k。    sessionStorage和localSto
session、cookie、WebStorage（sessionStorage，localStorage）区别
huhm_evget的博客
04-21 654
cookie 天生就是最适合做认证，他们最大的区别是：每次 request 都会自动在 header 中带上所有的 cookie。 浏览器的缓存机制提供了可以将用户数据存储在客户端上的方式，可以利用cookie,session等跟服务端进行数据交互。 一、cookie和session cookie和session都是用来跟踪浏览器用户身份的会话方式。 cookie机制 如果不在浏览器中设置过期时间，cookie被保存在内存中，生命周期随浏览器的关闭而结束，这种cookie简称会话cookie。如果在浏览器中
cookies、sessionStorage和localStorage解释及区别
前端小99的博客
09-10 6513
HTML4的本地存储 cookie 浏览器的缓存机制提供了可以将用户数据存储在客户端上的方式，可以利用cookie,session等跟服务端进行数据交互。 cookie和session cookie和session都是用来跟踪浏览器用户身份的会话方式。 区别： 1、保持状态：cookie保存在浏览器端，session保存在服务器端 cookie和session使用方式： （1）cookie机制：如果不在浏览器中设置过期时间，cookie被保存在内存中，生命周期随浏览器的关闭而结束，这种cook
sessionStorage和localStorage比较
m0_37158404的博客
04-03 264
sessionStroage MDN sessionStorage属性允许你访问一个 sessionStorage对象。它与localStorage相似，不同之处在于 localStorage 里面存储的数据没有过期时间设置，而存储在 sessionStorage 里面的数据在页面会话结束时会被清除。页面会话在浏览器打开期间一直保持，并且重新加载或恢复页面仍会保持原来的页面会话。在新标...
详解Vue中localstorage和sessionstorage的使用
08-28
详解Vue中localstorage和sessionstorage的使用 在 Vue 项目中，localstorage 和 sessionstorage 是两个常用的客户端存储机制。它们可以帮助开发者存储一些数据，以便于后续使用。但是，在实际项目中，直接使用 ...
详细解析cookie，sessionStroage和localStroage的区别
qq_39155611的博客
06-11 1411
详细解析cookie，sessionStroage和localStroage的区别 前面我们说到了JavaScript中的缓存对象，主要是cookie,sessionStroage和localStroage，今天我们来讲一下这三者之间的区别。 共同点 都是保存在浏览器端，且同源的。(所谓同源就是协议，域名，端口号相同)。 都是字符串类型的键值对。 区别 1.cookie HTTP Cookie简称cookie,在HTTP请求发送Set-Cookie HTTP头作为响应的一部分。通过name=valu
浏览器 LocalStroage SessionStroage 本地缓存及Session使用
andy5520的博客
06-27 664
HTML5 LocalStorage 本地存储 HTML5LocalStorage本地存储 说到本地存储，这玩意真是历尽千辛万苦才走到HTML5这一步，之前的历史大概如下图所示： 最早的Cookies自然是大家都知道，问题主要就是太小，大概也就4KB的样子，而且IE6只支持每个域名20个cookies，太少了。优势就是大家都支持，而且支持得还蛮好。很早以前那些禁用cookies...
cookie、session和localStorage
wuxian_wj的博客
01-10 2186
cookie Cookie 是服务器发送到用户浏览器并保存在本地的一小块数据，他会在浏览器下次向同一 服务器再次发起请求时被携带并发送到服务器上。主要用于告知服务端两个请求是否来自统> 一浏览器，如保持用户登陆状态。 什么是cookie http协议是无状态的，也就是说浏览器对服务器的每次请求是单独的，服务端无法判断用户身份是否已经被认可。Cookie时机是一小段的文本信息(key-value格式)。客户端向服务端发起请求，如果服务器需要记录该用户状态，就是用response向客户端浏览器发送一个
请描述一下cookies，sessionStorage和localStorage的区别？
chunchun1230的博客
12-01 359
⒈localStorage长期存储数据，浏览器关闭数据后不丢失； ⒉sessionStorage数据在浏览器关闭后自动删除； ⒊cookie是网站为了标识用户身份而存储在用户本地终端（Client Side）上的数据（通常经过加密）。cookie始终在同源的http请求中携带（即使不需要）都会在浏览器和服务器端间来回传递。session storage和local storage不会自动把数据发给服务器，仅在本地保存； ⒋存储大小：cookie数据大小不会超过4K，session storag...
Cookie、LocalStorage、SessionStorage的区别
赵盛的博客
06-06 115
基本概念 Cookie Cookie 是小甜饼的意思。顾名思义，cookie 确实非常小，它的大小限制为4KB左右。它的主要用途有保存登录信息，比如你登录某个网站市场可以看到“记住密码”，这通常就是通过在 Cookie 中存入一段辨别用户身份的数据来实现的。 localStorage localStorage 是 HTML5 标准中新加入的技术，它并不是什么划时代的新东西。早在 IE 6 时代，就有一个叫 userData 的东西用于本地存储，而当时考虑到浏览器兼容性，更通用的方案是使用 Flash。而如今
cookies，sessionStorage和localStorage的区别
qq_28167307的博客
12-21 392
cookies，sessionStorage和localStorage的区别cookies，sessionStorage和localStorage存储大小：有效时间： cookies，sessionStorage和localStorage cookie是网站为了标示用户身份而储存在用户本地终端（Client Side）上的数据（通常经过加密） cookie数据始终在同源的http请求中携带（即使...
cookies、sessionStorage和localStorage的区别
m0_50867898的博客
07-04 160
cookies、sessionStorage和localStorage的区别 cookies：网站用来标记用户身份的一段数据，通常情况是一段加密的字符串，并且默认情况下只会在同源的HTTP请求中携带。 sessionStorage：浏览器本地存储的一种方式，数据以键值对的形式存储，并且存储的数据会在浏览器关闭后进行清空。 localStorage:浏览器本地存储的一种方式，数据以键值对的形式存储，与sessionStorage存储方式不同的是，localStorage存储的是持久化数据，在浏览器关闭后也不
Cookies, Session Storage, Local Storage
L的博客
01-06 186
Cookies,SessionStorage,LocalStorage三者间区别 Cookies SessionStorage LocalStorage 存储数据量 4kb 10mb 5mb 浏览器 HTML4/HTML5 ...
localStorage、sessionStorage、Cookie的区别以及特点
最新发布
m0_70590680的博客
08-22 1095
localStorage、sessionStorage、 Cookie 都是浏览器中用于存储数据的机制，但它们在存储的范围、持久性、和使用场景上有显著的区别。
cookie，sessionStroage，localStroage 区别
年三十的博客
01-19 262
前言：做权限登录的时候，思考用哪个存储合理 简单梳理三者的区别，慢慢完善 Cookie 以文本形式保存客户端，大小只有4kb，大小受限 用户可以禁用cookie功能 同源请求时会被携带（服务端和客户端互传，不论是否需要），加大http流量，数据过多影响性能 以明文方式传输信息不安全，使用https处理，安全性较低 cookie过期时间，不设置默认跟随浏览器的生命周期而销毁，若设置...
cookies、sessionStorage和localStorage区别
weixin_43765747的博客
06-24 210
概念： （1）webstorage本地存储 webstorage是本地存储，存储在客户端，包括localStorage和sessionStorage （2）cookie 客户端提交一个HTTP请求给服务端，服务端会Set-Cookie ，提交响应内容给客户端，客户端再次向服务器请求时会在请求头中携带一个Cookie。通过name=value的形式存储。 cookie的构成： 名称：name(不区分大小写,但最好认为它是区分的) 值：value(通过URL编码:encodeURIComponent) 域
cookies,sessionStorage和localStrorage的区别
05-26
`Cookies`, `sessionStorage` 和 `localStorage` 都是浏览器提供的存储数据的方式，但是它们之间有一些区别。 1. 作用范围 `Cookies` 可以被所有同源窗口和标签页访问，即使关闭了浏览器再打开，`Cookies` 数据...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值