Cookies,sessionStorage和local storage的解释和区别

最新推荐文章于 2024-04-29 10:39:55 发布
最新推荐文章于 2024-04-29 10:39:55 发布
阅读量929 收藏
点赞数
文章标签： 服务器 javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_58169842/article/details/122126669
版权

相同点：都是用来保存用户数据的。

cookies：在浏览器访问期间,用户的访问数据留存在本地的文件就称为cookies，以文本形式留存在本地内存中，关闭浏览器后，cookies依旧存在，除非浏览器设置了cookies的过期时间；

sessionStorage：在用户使用浏览器访问时，留存在本地的访问记录是cookies，留存在服务器端的记录就是sessionStorage，在服务器收到请求时，会判断该请求中是否存在sessionid，服务器根据该id返回对应的session对象。如果没有sessionid，则会创建新的sessionid对象存储到服务器中

存储大小：cookies不能超过4KB，sessionstorage无限制

存储内容：cookies只能保存字符串类型，保存为文本方式

                  sessionstorage支持任何类型的的对象，可含有多个对象

安全性：sessionstorage 大于cookies

Local storage：和session storage类似，不过，sessionstorage为临时保存在内存中，而Localstorage永久保存在硬盘中

今天住在月亮上
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
cookie 、sessionstorage 、localstorage三者的区别
weixin_45541388的博客
06-21 1万+
cookie、loacalstorage、sessionstorage的区别
前端面试常问cookie、session、localStrorage、sessionStrorage区别以及应用场景
qq_39872626的博客
05-10 1335
一、cookie 保存方式：cookie保存在浏览器端 生命周期：如果不在浏览器中设置过期时间，cookie被保存在内存中，生命周期随浏览器的关闭而结束，这种cookie简称会话cookie。如果在浏览器中设置了cookie的过期时间，cookie被保存在硬盘中，关闭浏览器后，cookie数据仍然存在，直到过期时间结束才消失。 作用：用来跟踪浏览器用户身份的会话方式 版本：HTML4本地存储 存储的大小：单个cookie保存的数据不能超过4kb 应用场景： （1）判断用户是否登陆过网站，以便下次
浏览器Cookies、SessionStorage 和 LocalStorage详解
最新发布
hxy771503的博客
04-29 1493
本文详细介绍了Cookies，Session Storage与Local Storage的一些特点与缺点，总结了他们的应用场景，希望对你能有所帮助~
Local Storage和Session Storage详解
风吹过的博客
08-06 6645
Local Storage和Session Storage详解 1. 来历 在HTML5中新加了Web Storage的储存方式，主要是为了弥补Cookie储存容量的不足。Web Storage分为Local Storage和 Session Storage。 2. 优缺点 优点 Web Storage 拓展了 cookie 的 4K 限制。 Web Storage 会可以将第一次请求的数据直接存储到本地，这个相当于一个 5M 大小的针对于前端页面的数据库，相比于 cookie 可以节约带宽，但是这个却是
简单概括cookie，local storage ，session storage之间的区别
EWJRQKJRQ的博客
09-12 935
简单概述cookie ，local storage ，session storage cookie 是旧版本js自带的浏览器存储方式，local storage ，session storage 是后期出现的，相比之下，local storage 和session storage 的兼容性略差于cookie ，但是local storage，session storage的增删改查的内置方法相比于cookie较为简单，并且 cookie再存储时需要传递date参数来表达想要存储数据的时间，local sto
JavaScript本地存储的几种方式？区别和应用场景？cookie，localstorage，sessionStorage
Tarafireworks的博客
09-07 429
1.相同点是都是保存在浏览器端、且同源的 2.cookie数据始终在同源的http请求中携带（即使不需要），即cookie在浏览器和服务器间来回传递，而sessionStorage和localStorage不会自动把数据发送给服务器，仅在本地保存。cookie数据还有路径（path）的概念，可以限制cookie只属于某个路径下 3.存储大小限制也不同，cookie数据不能超过4K，同时因为每次http请求都会携带cookie、所以cookie只适合保存很小的数据，如会话标识。sessionStorage和l
cookies，sessionStorage 和 localStorage 的区别1
08-08
cookies、sessionStorage 和 localStorage 的区别 cookies、sessionStorage 和 localStorage 是三个常用的浏览器端存储机制，它们都可以在浏览器端存储数据，但它们之间有着很大的不同。 cookies cookies 是一种...
请描述一下 cookies，sessionStorage 和 localStorage 的区别？
10-18
请描述一下 cookies，sessionStorage 和 localStorage 的区别？
HTMl5的存储方式sessionStorage和localStorage详解
09-28
html5中的Web Storage包括了两种存储方式：sessionStorage和localStorage。sessionStorage用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁
storage:localStorage和sessionStorage操作简化
05-13
该项目用于简化对 localStorage 与 sessionStorage 的数据存取作用方式以 sessionStorage 为例（localStorage 使用方式为: DB.local）存储数据DB.session.set("a", [1, 2, 3]); // a: [1,2,3]DB.session.set("b", [{...
store:使用localStorage和sessionStorage的更好方法
05-11
一种功能丰富且友好的方式，可以利用localStorage和sessionStorage（JSON，命名空间，扩展等）。 下载： 或 ： npm install store2 ： Install-Package store2文献资料主要存储功能可以直接处理set ， get ， ...
js【详解】本地存储 Cookie、sessionStorage、localStorage
朝阳39的博客
05-16 1430
目录 Cookie、sessionStorage、localStorage的区别 Cookie的用法 安装依赖 导入依赖 使用方法 Cookie操作引用类型的数据（数组、对象等） sessionStorage的用法 localStorage的用法 Cookie、sessionStorage、localStorage的区别 特性 Cookie sessionStorage localStorage 数据有效期 可自定义失效时间，默认是关闭浏览器后失效 .
session、cookie、WebStorage（sessionStorage，localStorage）区别
huhm_evget的博客
04-21 540
cookie 天生就是最适合做认证，他们最大的区别是：每次 request 都会自动在 header 中带上所有的 cookie。 浏览器的缓存机制提供了可以将用户数据存储在客户端上的方式，可以利用cookie,session等跟服务端进行数据交互。 一、cookie和session cookie和session都是用来跟踪浏览器用户身份的会话方式。 cookie机制 如果不在浏览器中设置过期时间，cookie被保存在内存中，生命周期随浏览器的关闭而结束，这种cookie简称会话cookie。如果在浏览器中
locationStorage和sessionStorage的用法总结
zag666的博客
08-27 2688
文章目录webStoragelocalStoragesessionStorage用法 webStorage 存储内容大小一般支持5MB左右（不同浏览器可能还不一样） 浏览器端通过 Window.sessionStorage 和 Window.localStorage 属性来实现本地存储机制。 相关API： xxxxxStorage.setItem('key', 'value'); 该方法接受一个键和值作为参数，会把键值对添加到存储中，如果键名存在，则更新其对应的值。 xxxxxStora
local 与 session
Vinsmoker_Sanji的博客
10-13 1504
html5中的Web Storage包括了两种存储方式。localStorage和sessionStorage一样都是用来存储客户端临时信息的对象。sessionStorage用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问。并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储，仅是会话级别的存储。只允许同一窗口访问。而localStorage用于持久化的本地存储，除非主动删除数据，否则数据是永远不会过期的。同源可以读取并修改loc
LocalStorage和sessionStorage之间的区别
热门推荐
fcdd123的专栏
02-21 3万+
在HTML 5 最开始时，本地存储有两种方式：一种是web Storage，另一种是web SQL。由于web SQL的实现是基于SQLite，它更倾向于DataBase方向，且W3C官方在2011年11月宣布不在维护web SQL规范，故其API接口目前已经不属于HTML 5的范畴。因此，目前我们常讲的HTML 5本地存储，多指的是web Storage。
本地存储localStorage和sessionStorage的区别
sun_mango的博客
06-05 653
本地存储localStorage和sessionStorage的区别   localStorage和sessionStorage一样都是用来存储客户端临时信息的对象。 他们均只能存储字符串类型的对象（虽然规范中可以存储其他原生类型的对象，但是目前为止没有浏览器对其进行实现）。 localStorage生命周期是永久，这意味着除非用户显示在浏览器提供的UI上清除localSt
cookie、locaStorage、SessionStorage、hash
小白小白从不日别的博客
05-15 1129
主要讲述了三大本地缓存--Cookie、LocalStorage、SessionStorage
sessionStorage和localStorage
crli的博客
08-10 2104
说到AJAX就会不可避免的面临两个问题，第一个是AJAX以何种格式来交换数据？第二个是跨域的需求如何解决？这两个问题目前都有不同的解决方案，比如数据可以用自定义字符串或者用XML来描述，跨域可以通过服务器端代理来解决。 但到目前为止最被推崇或者说首选的方案还是用JSON来传数据，靠JSONP来跨域。而这就是本文将要讲述的内容。 JSON和JSONP虽然只有一个字母的差别，但其实他们根本不是一回
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、付费专栏及课程。

余额充值