cookie，localStorage，sessionStorage这三个的作用域的区别

最新推荐文章于 2025-08-06 17:36:47 发布
最新推荐文章于 2025-08-06 17:36:47 发布
阅读量4k 收藏 7
点赞数 3
CC 4.0 BY-SA版权
分类专栏： 问题
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/nicexibeidage/article/details/84134083
本文深入解析了cookie、localStorage和sessionStorage在不同浏览器、窗口及标签页中的行为特性，强调了同源策略的重要性。

亲测！！

cookie：不可以在不同的浏览器
               可以是不同的tab页
               必须同源
               要是同一个路径下或者子路径下

localStorage：不可以在不同的浏览器中访问

                         可以在同一个浏览器的不同窗口中
                         可以在不同的tab页
                         必须同源

sessionStorage：不可以在不同的浏览器
                            不可以在不同的tab页
                            必须同源

 

cookie、sessionStorage和localStorage的区别（详细）
微微的猪食小窝
11-13 1541
1）webstorage是本地存储，存储在客户端，包括localStorage和sessionStorage2）localStorage生命周期是永久，这意味着除非用户显示在浏览器提供的UI上清除localStorage信息，否则这些信息将永远存在。存放数据大小为一般为5MB,而且它仅在客户端（即浏览器）中保存，不参与和服务器的通信3）sessionStorage仅在当前会话下有效，关闭页面或浏览器后被清除。存放数据大小为一般为5MB,而且它仅在客户端（即浏览器）中保存，不参与和服务器的通信。
前端本地存储cookie、localstorage和sessionStorage之间的区别？
nick_zhang的博客
06-06 2405
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区别与应用
01-07
cookie localStorage sessionStorage 概念 存放在客户端的一段文本信息 存储在客户端的临时信息，只能存放字符串类型数据 同localStorage 大小 4k 5M 5M 生命周期 浏览器关闭，数据清空 存在内存中，除非自己删除 浏览器关闭，数据清空 存储信息 文本类型 字符串类型数据 同左 属性 是document属性 是window属性 同左 作用范围 无法跨域 同一浏览器不同页面可以共享数据 用来保存临时数据，防止用户刷新页面之后丢失参数 原生api 不好用，自己封装 还好 还好 应用 判断用户知否登录 购物车信息
cookie、 sessionStorage 、localStorage之间的区别和使用
weixin_33985507的博客
06-27 278
1.cookie:存储在用户本地终端上的数据。有时也用cookies，指某些网站为了辨别用户身份，进行session跟踪而存储在本地终端上的数据，通常经过加密。一般应用最典型的案列就是判断注册用户是否已经登过该网站。 2.HTML5 提供了两种在客户端存储数据的新方法：(http://www.w3school.com.cn/html5/html_5_webstorage.asp)...两者都是仅...
什么是 Session？Web 开发中 Session 的使用与注意事项
最新发布
BUG糕手的博客
08-06 1744
本文介绍了HTTP协议中的Session机制及其在Web开发中的应用。Session通过服务器端存储用户状态，解决了HTTP无状态的问题，常用于登录状态保持、购物车等功能。文章详细解析了Session的工作原理，包括创建、传输、验证和销毁四个阶段，并通过Java Web和Spring Boot的代码示例展示了Session的具体实现方法。同时，针对Session的安全风险（如劫持、固定攻击）和性能问题（内存占用、集群部署），提出了HTTPS、Redis存储等解决方案，并推荐了Spring Session +
cookie，localStorage，sessionStorage的作用域
CJshaonian的博客
11-05 389
cookie： 同浏览器，不同tab，同源，同路径 localStorage： 同浏览器，不同tab，同源 sessionStorage 同浏览器，同tab，同源
cookie、localStorage和sessionStorage 三者之间的区别
LUxxxX的博客
05-29 345
参考地址 三者区别 生命周期： cookie：可设置失效时间，没有设置的话，默认是关闭浏览器后失效 localStorage：除非被手动清除，否则将会永久保存。 sessionStorage： 仅在当前网页会话下有效，关闭页面或浏览器后就会被清除。 存放数据大小： cookie：4KB左右 localStorage和sessionStorage：可以保存5MB的信息。 http请求： cookie...
session,cookie,sessionStorage,localStorage的区别
Rnger的博客
08-21 916
会话（Session）跟踪是Web程序中常用的技术，用来跟踪用户的整个会话，将用户数据存储在客户端上的方式。常用的会话跟踪技术是Cookie与Session。Cookie通过在客户端记录信息确定用户身份，Session通过在服务器端记录信息确定用户身份。 一、cookie和session cookie和session都是用来跟踪浏览器用户身份的会话方式，记录客户状态的机制。 cookie机制...
cookie localstorage sessionstorage
09-03
LocalStorage和SessionStorage之间的主要区别在于数据的生命周期和作用域。LocalStorage保存的数据没有过期时间，除非用户手动删除，否则数据会一直保留。而SessionStorage保存的数据只在当前会话中有效，当用户关闭...
Cookie 、localStorage、sessionStorage 的详细知识点总结，面试常考
m0_49456900的博客
03-23 902
Cookie 、localStorage、sessionStorage 的详细知识点总结，面试常考、cookie、localStorage、sessionStorage的区别
localStorage sessionStorage cookie三者的使用场景
07-02
我们被要求比较localStorage、sessionStorage和cookie的使用场景。根据引用内容，我们可以总结如下：1.**Cookie**:-使用场景:主要用于需要**在浏览器和服务器之间来回传递**的数据，例如用户登录状态、身份验证令牌...
看懂cookie,及与localStorage与sessionStorage的区别
weixin_39583421的博客
11-06 456
前言： cookie本身并不是用来做服务器存储的。但在 localStorage 出现之前，cookie被滥用当做了存储工具，什么数据都放在cookie中，即使这些数据只在页面中使用、而不需要随请求传送到服务端（当然cookie也做了一些限制：大小受限、每个域名下生成的cookie数量受限）。就像CSS中的float，最初被设计出来的初衷，是用于做文字环绕效果的，就是一个图片、一段文字，给图片加上float:left的样式后，就会产生文字环绕图片的效果。但是后来发现float结合，可以实现之前通过实现的网
cookie，localStorage，sessionStorage的作用域，有效期等比较
weixin_40579884的博客
07-01 488
sessionStorage localStorage cookie 有效期 当前浏览器tab关闭时清除 只要不主动删除，就一直保存 在设置的过期时间之前有效， 不设置过期时间，所有浏览器窗口关闭时过期 存储大小 相对cookie大得多，可以达到5M或更大 比较小，不能超过4kb 作用域 不可以在不同的浏览器 不可以在不同tab 必须同源 不可以在不同的浏览器 可以在同一个浏览器的不同窗口 可以在不同t...
HTML5 localStorage、sessionStorage 作用域
weixin_30894389的博客
06-13 1249
一、localStorage localStorage有效期：永不失效，除非web应用主动删除。 localStorage作用域：localStorage的作用域是限定在文档源级别的。文档源通过协议、主机名以及端口三者来确定。 例如：http://xxx.example.com https://xxx.example.com http://xxx.e...
sessionStorage，localStorage，cookie，web前端开发数据存储
feiyu_may的博客
07-13 682
    在前端开发中需要存储一些数据，在其他页面进行使用。主要涉及到sessionStorage，localStorage，cookie这三种方式。    cookie会在浏览器请求头或者ajax请求头中发送cookie内容，比如我们把用户名密码存储在cookie中，以后每次打开页面，浏览器发送的请求中带有用户密码信息，就可以实现自动登录了。Cookie用来做用户和权限的识别与鉴定。Cookie是...
cookie、localStorage和sessionStorage详解
热门推荐
m0_37756431的博客
03-17 1万+
一、cookie cookie是客户端与服务器端进行会话使用的一个能够在浏览器本地化存储的技术。简言之，cookie是服务器端发给客户端的文本文件；目的是用于辨别用户身份。 只能储存4kb的数据，
Cookie的存储，缓存cookie,sessionStorage,localeStorage用法及区别
qq_42957741的博客
07-19 456
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>js缓存</title> </head> <body> <script> /* 一.什么是...
cookie、sessionStorage、localStorage的区别
涵盖了计算机专业基础知识、数学建模相关实践、复杂网络论文研究、LeetCode算法刷题经验、C语言开发经验、前端Vue、React框架开发实战相关知识
02-23 211
cookie、sessionStorage、localStorage的区别共同点：都是保存在浏览器端，并且是同源的Cookie：cookie 数据始终在同源的http 请求中携带（即使不需要），cookie 在浏览器和服务器间来回传递。cookie 数据还有路径（path）的概念，可以限制cookie 只属于某个路径下, 存储的大小很小只有 4K 左右。cookie 在所有同源窗口中都是共享的。cookie 只在设置的cookie 过期时间之前一直有效，即使窗口或浏览器关闭。
前端数据存储全解析：localStorage、sessionStorage 与 Cookie
m0_74037439的博客
03-26 6182
Cookie 是服务器发送到用户浏览器并保存的小段文本，它会在浏览器下次向同一服务器发起请求时被携带并发送到服务器上。会话状态管理：如用户登录状态、购物车内容、游戏分数等需要记录的信息个性化设置：如用户自定义设置、主题等浏览器行为跟踪：如跟踪分析用户行为、广告投放等对于更复杂的数据存储需求，Web Storage API 和 Cookie 可能不足以满足。IndexedDB 提供了一个完整的客户端数据库解决方案：支持存储大量结构化数据支持索引和事务支持复杂查询和游标支持二进制数据（如文件、图像）
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值