cookie，localStorage，sessionStorage的作用域，有效期等比较

最新推荐文章于 2024-04-28 10:45:45 发布
最新推荐文章于 2024-04-28 10:45:45 发布
阅读量428 收藏 2
点赞数 1
分类专栏： 前端综合知识 文章标签： javascript cookie
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_40579884/article/details/118380574
版权
cookielocalStoragesessionStorage
作用域不可以在不同的浏览器
可以在同一个浏览器的不同窗口
可以在不同tab，
必须同源		 不可以在不同的浏览器
可以在同一个浏览器的不同窗口
可以在不同tab
必须同源		不可以在不同的浏览器
不可以在不同tab
必须同源
有效期在设置的过期时间之前有效，
不设置过期时间，所有浏览器窗口关闭时过期		只要不主动删除，就一直保存当前浏览器tab关闭时清除
存储大小比较小，不能超过4kb相对cookie大得多，可以达到5M或更大
请求头cookie数据始终在同源的http请求中携带，所以只适合存储安全要求不高且大小比较小，需要传给后端的数据



 

Jusme_wx
关注
专栏目录
详解vue中localStorage的使用方法
12-09
- localStorage的有效期是永久的，直到用户手动清除或达到存储上限。 - 浏览器的存储空间限制可能因浏览器而异，通常在5MB左右。 - sessionStorage与localStorage类似，但其生命周期仅限于当前会话，即浏览器窗口...
cookie、localStorage、sessionStorage的有效期和作用域
qq_36344795的博客
10-09 5561
cookie，localStorage，sessionStorage都可以实现客户端存储 cookie，localStorage，sessionStorage三者的区别分别为： 1、cookie： cookie作为最早期的被设计web浏览器存储少量数据，从底层看，它是作为http协议的一种扩展实现。cookie数据会自动在web浏览器和web服务器之间传输数据。 1-1、cookie有效期...
cookie、localStorage和sessionStorage三者的区别
first_shun的博客
04-16 2万+
cookie、localstorage和sessionStorage三者都是在开发中用到的临时存储客户端会话信息或者数据的方法，下面就简单介绍一下三者的区别： 一、存储的时间有效期不同 1、cookie的有效期是可以设置的，默认的情况下是关闭浏览器后失效 2、sessionStorage的有效期是仅保持在当前页面，关闭当前会话页或者浏览器后就会失效 3、localStorage的有效期是在不进行手动删除的情况下是一直有效的 二、存储的大小不同 1、cookie的存储是4kb左右，存储量较小，一般
localStorage和sessionStorage在存储时间、存储大小以及与服务端通信方面确实存在一些区别
BLOG域名:programb.blog.csdn.net
04-09 627
综上所述，localStorage 和 sessionStorage 的主要区别在于它们的存储持续性和生命周期。localStorage 用于长期存储数据，即使浏览器关闭后数据仍然存在；localStorage 和 sessionStorage 都是 Web Storage API 的一部分，它们提供了在浏览器端存储键值对数据的能力。localStorage和sessionStorage在存储时间、存储大小以及与服务端通信方面确实存在一些区别。
数据存储：cookie、localStorage、sessionStorage 详解
weixin_38822843的博客
11-08 1882
储存的数据可能是从服务器端获取到的数据，也可能是在多个页面中需要频繁使用到的数据 1.简单对比 1、cookie：4K，可以手动设置失效期 2、localStorage：5M，除非手动清除，否则一直存在 3、sessionStorage：5M，不可以跨标签访问，页面关闭就清理 2.cookie Cookie通过在客户端记录信息确定用户身份 Session通过在服务器端记录信息确定用户身份 一个用户的所有请求操作都应该属于同一个会话，而另一个用户的所有请求操作则应该属于另一个会话 HT
JavaScript实现基于Cookie的存储类实例
10-24
类的构造函数接受两个参数：`maxage`表示Cookie的有效期（以秒为单位），`path`是Cookie的作用域。内部首先通过一个函数获取当前页面的所有Cookie，并将其存储在一个名为`cookies`的对象中。 `keys`数组用于存储...
javascript操作cookie_获取与修改代码
10-29
由于Cookie有各种限制，并且容易受到跨站脚本攻击（XSS）和跨站请求伪造（CSRF）的威胁，现代前端开发中，开发者们更倾向于使用其他存储方案，如Web Storage（localStorage和sessionStorage）、IndexedDB等。...
前端中级篇之给localStorage和sessionStorage设置失效时间
哆啦A瑶的博客
06-02 5903
BOM提供了localStorage和sessionStorage用于在浏览器中保存页面数据，区别在于：使用localStorage存储的数据将会一一直存在（除非使用removeItem或者清除缓存），而sessionStorage的有效期是和存储数据脚本所在的最顶层的窗口或者是浏览器标签是一样的，一旦窗口或者标签页被永久关闭了，存储的数据也就失效了。并且，这两种web存储方式都不支持设置过期时间，那如果业务中有需求需要设置过期...
cookie、localStorage、sessionStorage的有效期\作用域\大小
吃瓜群众的博客
03-27 867
相同点：都存储在客户端 不同点 cookie 大小：4k 特点：cookie的数据会自动的传递到服务器，服务器端也可以写cookie到客户端 失效：cookie 设置的cookie过期时间之前一直有效，即使窗口或浏览器关闭不失效 document.cookie="name="+'jane'; document.cookie.split(';')[0].split("=")[1]//jan...
Cookie、localStorage、sessionStorage的区别
菜鸟的博客
04-11 345
下面从五个方面比较： 1.存储大小：Cookie只能存储4看，Storage能存储5M。 2.有效期：Cookie存储有有效期；Storage可以永久存储（localStorage可以永久存储，sessionStorage随着页面关闭而清除）。 3.行为：Cookie会发送到服务器端，存储在内存中；Storage存储在浏览器端。 4.路径：Cookie有路径限制，Storage只能存储在域名下。 5.API：Cookie没有对应的API，Storage有对应的API。 ...
sessionStorage详解
懒羊羊我小弟的博客
01-31 3900
sessionStorage 是HTML5新增的一个临时会话存储对象，本文介绍了sessionStorage的详细属性和方法，以及适用场景。帮助大家更好的理解！
localStorage、sessionStorage、cookie
最新发布
qq_42550235的博客
04-28 2288
前端浏览器本地存储的方式有三种，分别是cookie的生命周期是永久的，存放数据大小一般为5MB，不参加和服务的通信，不能跨浏览器使用。应用场景：历史记录、登录仅在当前会话下有效，关闭页面或者浏览器后被消除。存放数据大小一般为5MB, 不能参与于服务器的通信，不能跨浏览器使用。页面之间的传值，敏感账号的一次性登录。cookiecookies数据存储在浏览器，单个cookie数据不能超过4k;cookie 的信息会在 http 请求的时候携带到服务器，可在。
webstorage (sessionStorage和localStorage)和cookie区别
qq_44438941的博客
03-14 840
webstorage (sessionStorage和localStorage)和cookie区别
vue双向数据绑定原理
weixin_50304773的博客
09-16 165
vue双向数据绑定原理 1.vue 双向数据绑定是通过 数据劫持 结合 发布订阅模式的方式来实现的， 也就是说数据和视图同步，数据发生变化，视图跟着变化，视图变化，数据也随之发生改变； 2.核心：关于VUE双向数据绑定，其核心是 Object.defineProperty()方法； 3.介绍一下Object.defineProperty()方法 （1）Object.defineProperty(obj, prop, descriptor) ，这个语法内有三个参数，分别为 obj （要定义其上属性的对象） p
cookie、localStorage、sessionStorage的有效期和作用域问题
热门推荐
11-14 3万+
。。。。待续
cookie localstorage sessionstorage
09-03
LocalStorage和SessionStorage之间的主要区别在于数据的生命周期和作用域。LocalStorage保存的数据没有过期时间，除非用户手动删除，否则数据会一直保留。而SessionStorage保存的数据只在当前会话中有效，当用户关闭...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值