关于sessionStorage,localStorage和cookie三者之间相同点与不同点

最新推荐文章于 2024-08-21 09:05:46 发布
原创 最新推荐文章于 2024-08-21 09:05:46 发布 · 987 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#关于sessionStorage #localStorage和cooki

本文深入解析了sessionStorage, localStorage和cookie在前端开发中的应用，包括它们的存储量、存放地点、是否随HTTP请求发送、生命周期及访问权限等关键特性，为开发者选择合适的前端存储方式提供了全面的参考。

关于sessionStorage,localStorage和cookie三者之间相同点与不同点

类别sesstionStoragelocalstoragecookie
存储量5M(具体看浏览器版本)5M(具体看浏览器版本)4KB
存放地点浏览器浏览器浏览器
发送http请求时不会带上不会带上会带上
生命周期浏览器关闭后不存在永久保留（*）过期日期
访问权限同源网站同源网站协议和域名相同,端口可以不同
cookie、sessionStorage和localStorage的区别（详细）
微微的猪食小窝
11-13 1643
1）webstorage是本地存储，存储在客户端，包括localStorage和sessionStorage2）localStorage生命周期是永久，这意味着除非用户显示在浏览器提供的UI上清除localStorage信息，否则这些信息将永远存在。存放数据大小为一般为5MB,而且它仅在客户端（即浏览器）中保存，不参与和服务器的通信3）sessionStorage仅在当前会话下有效，关闭页面或浏览器后被清除。存放数据大小为一般为5MB,而且它仅在客户端（即浏览器）中保存，不参与和服务器的通信。
前端本地存储cookie、localstorage和sessionStorage之间的区别？
nick_zhang的博客
06-06 2440
cookie的使用 cookie可以设置key，value，domain，expires var name = 'one_name'; var value = '123'; var exp = new Date(); exp.setTime(exp.getTime() + 60 * 2000);//过期时间 2分钟 document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString(); ...
cookie localStorage sessionStorage的相同点和不同点
haha-zhao的博客
05-27 606
相同点：这三者都是存储在浏览器本地的 不同点：1. localStorage 和 sessionStorage的大小都是5mb左右， cookie的大小为4kb左右； 2. localStorage如果不清除永远都在，sessionStorage关闭浏览器的时候会自动清除， cookie可以设置过期时间，如果不设置的话，关闭浏览器的时候会自动清除； 3.cookie可以通过http协议进行传递，前...
cookies，sessionStorage和localStorage的相同点和不同点？
weixin_30362801的博客
09-11 159
相同点：都存储在客户端。 不同点: 1.存储大小： cookies数据大小不能超过4k sessionStorage和localStorage虽然也有存储大小的限制，但比cookies大得多，可以达到5M或更大。 2.有效时间： localStorage存储持久数据，浏览器关闭后数据不丢失除非主动删除数据。 cookies设置的cookie过期时间之前一直有效，即使窗口或...
cookies，sessionStorage，localStorage的相同点和不同点
qq_39266265的博客
11-06 396
js中常见的存储方式是什么？有什么相同点和不同点？ 在js中有三种存储方式，cookies；sessionStorage；localStorage； 相同点： 三种都存储在客户端。 不同点： 1. 存储大小 cookie：存储的数据大小不能超过4k； sessionStorage和localStorage：存储大小可以达到5M或者更多，只能存储字符串类对象，如果想要存储其他，需要对其...
客户端存储cookie、以及localStorage和sessionStorage和cookie三者的异同
此鱼非闲鱼也的博客
04-13 448
一、在koa中使用cookie cookie是http协议下，服务端或者脚本可以维护客户端信息的一种方式。 储存cookie的值： ctx.cookies.set(name, value, [options]) 获取cookie的值: ctx.cookies.get(name, [options]) options常用设置: 1） maxAge 表示从 Date.now() 得到的毫秒...
cookie、sessionStorage和localStorage的区别和共同点
weixin_43948136的博客
07-04 421
cookie、sessionStorage和localStorage的共同点和区别？ 共同点：都是保存在浏览器端的，且是同源的 区 别： 1、cookie数据始终都是在同源的http中携带（即使不需要），即cookie在浏览器和服务器端来回传递，而sessionStorage 和localStorage仅在本地保存，不会自动把数据发送给服务器端。 2、cookie数据还有路径（path）的...
localStorage、sessionStorage 和 cookie介绍以及三者的区别
最新发布
qq_48763502的博客
08-21 999
localStorage：长期存储数据，不会随会话结束而丢失，适用于存储较多的数据。sessionStorage：会话级别存储数据，浏览器会话结束时丢失，适用于存储较少的数据。cookie：可以与服务器交互，每个 cookie 的大小限制较小，适用于需要在客户端和服务器之间传递信息的场景。
localStorage和sessionStorage存储有什么相同点和不同点？
04-20
localStorage和sessionStorage是HTML5提供的两种客户端存储方式，它们都可以在浏览器端存储数据，但有一些相同点和不同点。 相同点： 1. 存储位置：localStorage和sessionStorage都是存储在浏览器端，不会发送给...
请谈谈 sessionStorage 、localStorage 和 cookie 之间的区别
06-12
sessionStorage、localStorage和cookie都是用于在客户端（浏览器）存储数据的技术，但它们有一些不同点： 1. 存储大小不同：cookie的大小限制为4KB，而localStorage和sessionStorage的大小限制在5MB左右。 2. 生命...
数据缓存cookies，sessionStorage和localStorage的共同点的不同点
lhxsirky的博客
11-11 315
共同点：都是保存在浏览器上的数据，且都是同源的 不同点： cookies数据始终在同源的http请求中携带，cookies可以在浏览器和服务器之间传递数据，且传递数据较小，一般不超过4k，有路径的概念，可以限制cookies只属于某个路径下面的 sessionStorage和localStorage都是把数据存到了本地，不会自动把数据发到服务器，数据也有大小限...
【前端存储】storage/cookie的异同
恒星的博客
07-03 480
Cookie的数据信息存放在客户端浏览器上。 Session的数据信息存放在服务器上。 他俩都不支持跨域查看。 localStorage 存储大小：一般是5M左右。 存储特点：永久性存储；存储内容过多的话会消耗内存空间，导致页面变卡；不能被爬虫抓取到；隐私模式下面是不可读取的；遵循同源策略；只支持 string 类型的存储。 window.localStorage.setItem('name',JSON.stringify({a:1}) ) ; //存储数据 JSON.parse(window.loc.
cookie，localStorage，sessionStorage之间的区别
qq_44352182的博客
03-15 686
cookie，localStorage，sessionStorage 1: cookie localStorage sessionStorage之间的区别是什么？ 2：你在开发中经常用到那个？ 3： url cookie localStorage sessionStorage 优缺点是什么？ 4： localStorag的的使用是什么？ 5： cookie 的增删改查？（同理；localStor...
【总结】session & cookie的共同点以及优缺点
时光若宸的博客
07-31 3337
1、共同点：          都是为了记录用户的状态。 2、不同点：     ①在存储方面：Cookie保存在客户端浏览器中，而Session保存在服务器上。Cookie中只能保管ASCII字符串，而Session中能够存取任何类型的数据。     ②在生命周期方面：cookie是通过maxAge设置过期时间。若设置了过期时间，浏览器就会把cookie保存到硬盘上，关闭后再次打开浏览器，这些c...
storage与cookie的相同点和区别
smile的博客
01-25 3951
共同点：都是保存在浏览器端，且同源的。 区别： cookie数据始终在同源的http请求中携带（即使不需要），即cookie在浏览器和服务器间来回传递。 而sessionStorage和localStorage不会自动把数据发给服务器，仅在本地保存。 cookie数据还有路径（path）的概念，可以限制cookie只属于某个路径下。 存储大小限制也不同，cookie数据不能超过4k，
你必须知道：localStorage、sessionStorage 和 Cookie 区别在什么地方
HELLO WORLD
02-26 2539
概念的理解 webstorage本地存储 webstorage是本地存储，存储在客户端，包括localStorage和sessionStorage localStorage生命周期是永久，这意味着除非用户显示在浏览器提供的UI上清除localStorage信息，否则这些信息将永远存在。存放数据大小为一般为5MB,而且它仅在客户端（即浏览器）中保存，不参与和服务器的通信 sessionStorag...
LocalStorage与Cookie的异同
digua523的博客
01-11 2735
本地存储(Web Storage/localStorage)与会话存储(Cookie) 1>相同之处： 1.二者都可能会被禁用； 2.存储的数据量都有最大限制: 2.1.Cookie内存为4kb； 2.2.Web Storage是5MB或者更少一些； 3.用户随时可以删除或创建/修改存储目录中的内容； 4.浏览器也可能会自动让存储目录中的内容"过期"； 5.空间配额是以域名为...
storage存储和cookie的特点及其区别
weixin_44041414的博客
05-11 764
web Storage的特点 当在前端网页需要进行一些数据存储时，我们最常用到的就是Storage存储： 优点： localStorage解决了cookie存储空间太小的问题。 相比于cookie的4KB大小存储空间，localStorage的存储空间大小来到了5MB，相当于一个前端的数据库。 格式 Storage存储的格式是键值对（key-value）的格式。 并且浏览器会将所有Storage的值类型限定为string类型，所以需要进行一些转换。 缺点 低版本的ie浏览器会不支持Storage。
cookies和storage的区别
qq_42586648的博客
07-29 3677
昨天学长问我关于cookies和storage，我一脸蒙蔽，脑袋里只剩可爱的http小曲奇cookies，storage之前没有接触过，算是知识漏洞了。所以今天看了十来篇相关博客，也简单写一篇cookies和storage的记录吧，填填小洞洞。 cookies和storage的区别： 1、存储大小的区别： cookies的数据大小不超过4KB，因为考虑到每一个HTTP请求头中都要携带，...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值