同域下多窗口间localStorage/seccionStorage是否可以共享

最新推荐文章于 2024-04-18 18:09:54 发布
最新推荐文章于 2024-04-18 18:09:54 发布
阅读量2.7k 收藏 2
点赞数 3
分类专栏： JavaScript 文章标签： 前端 javascript 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/l2345432l/article/details/128822284
版权
  • localStorage可以在同域下多窗口间共享数据
  • sessionStorage属性允许你访问一个对应当前源的sessionStorage对象，他与localStorage相似，但localStorage没有过期时间，sessionStorage数据会在页面回话结束时被清除

重点：从当前页面新开页面方式打开同一个域下的新页面，新开的页面会复制顶级浏览会话的上下文作为新会话的上下文，修改原页面的sessionStorage属性不会修改新页面sessionStorage数据，
例：window.open(‘同源页面’) / a标签

白小白灬
关注
  • 3
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
sessionStorage可以在多个Tab之间共享数据吗？
07-11 956
不可以。sessionStorage是浏览器会话级别的存储机制，它只在单个浏览器标签页(tab)或窗口之间共享数据。每当用户打开一个新的标签页或窗口时，会话存储会被重新初始化，每个标签页或窗口都会有自己的独立的sessionStorage。 如果您需要在多个标签页或窗口之间共享数据，可以考虑使用其他的机制，如localStorage或IndexedDB。localStorage是在同一域名下的所...
通过localStorage同域发送信息
追随大神的脚步
05-11 326
背景 页面A是企业列表页，页面B是企业详情面。页面B上面更新了企业信息，需要通知给页面A，同时更新列表中的企业信息 postMessage 在做这个需求的时候，最先考虑到的就是 postMessage 。这个方法可以安全的实现跨源通信，从广义上讲，一个窗口可以获得对另一个窗口的引用(比如 targetWindow=window.opener),然后再窗口上调用 targetWindow.postMessage() 来发送一个Message消息。 实现 第一步是获取 window 对象 const targe
鸿蒙开发：LocalStorage在页面间不共享问题
最新发布
qq_45461183的博客
04-18 452
如果希望其在多个视图中共享，可以在所属UIAbility中创建LocalStorage实例，并调用windowStage.loadCon。主界面与子界面的LocalStorage不是同一个，数据无法互通，导致拿到的数据不同。
如何使用localstorage代替cookie实现跨域共享数据问题
09-28
主要介绍了如何使用localstorage代替cookie实现跨域共享数据问题，本文给大家带来了实现方案，使用postmessage和localstorage进行数据跨域共享问题，感兴趣的朋友一起看看吧
localStorage在IE11下，两个窗口值不同步问题
weixin_41581551的博客
11-23 860
问题点：localStorage的值正常情况下是同一个域下是共享的，比如你打开两个同域下的页面，不管两个页面是不是独立一个窗口，他们localStorage的值都应该是共享的，一个改变，另一个也会发生改变。 例如： 打开两个相同的地址A，B, 然后在A，B网页的控制台分别执行下面代码： 期望的结果应该是打印出来的时间戳应该是不断变化的， 测试谷歌，火狐完全没问题，一如往昔。 接下来测试一下IE11，发现一直打印同一个值。这就值得思考了。 是否不支持，经过查看兼容性，以及能够打印第一个值.
本地页面之间共享消息或变量（localStorage）
往前的娘娘
09-18 3759
概述： 由于为了管理，分类，我们不会虽然呈现成一个页面，实际上是多个页面组成，最普通标签内嵌标签，但是问题来了，如果我点击A页面某个内容，B页面怎么知道点击这个页面而自动更新，前面记得有一篇通过Cookie进行实现，用户可能会禁用cookie，这样cookie方法有局限性，刚才在其他地方找到一个另外的方法来实现页面之间共享变量，如果两个同域（相同的协议、主机名、端口）的网页进行通讯，可以使用lo
localStorage、sessionStorage同一网站下共享问题
寬真
10-26 2952
浏览器中打开A页面，再通过A页面打开新的标签页B页面,此时A、B两个页面的sessionStorage是“共享”的。这里的共享指的是B页面会把A页面的的 sessionStorage 拷贝一份，作为B页面 的初始缓存值，此时改变B页面的session,A页面并不受影响。即不同 Tab 之间，session读写操作独立，互不影响。浏览器中打开A页面，然后手动新开一个标签页，在新的标签页中打开B页面，此时A、B两个页面的sessionStorage是不“共享”，即B页面不会继承A页面session作为初始值。
游览器 多窗口共享缓存
zly_101的博客
03-27 860
同一域名下： localStorage.setItem
vue 关闭浏览器窗口的时候,清空localStorage的数据示例
10-16
今天小编就为大家分享一篇vue 关闭浏览器窗口的时候,清空localStorage的数据示例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
webSql/LocalStorage
04-19
使用webSql,LocalStorage作为数据存储，实现数据的增删改查
【cookie/session/localstorage/sessionstorage】【前端】web中的k-v存储们有什么区别？
08-31
【cookie_session_localstorage_sessionstorage】【前端】web中的k-v存储们有什么区别
利用localStorage实现跨窗口内容共享
weixin_33704591的博客
09-12 4150
为什么80%的码农都做不了架构师？>>> ...
chrome89版本sessionStorage同一域名和端口下的不同项目无法共享问题
Hai_Lan123的博客
04-01 899
问题描述：        chrome89版本通过跳转到同一域名和端口下的不同网站无法获取sessionStorage； 导致原因：        更新到89版本后，通过a标签target="_blank"跳转到新页面时sessionStorage就会丢失。 解决方案：        1、a标签添加属
localStorage 跨域存储方案
飞扬_柳絮的专栏
02-07 5989
实际开发需求： A域名网页 --> B域名网页传值 解决方案： window.postMessage 和 iframe相结合的方法window.postMessage(message, targetOrigin) message: 将要发送到其他 window的数据，在传递参数时需要使用JSON.stringify()方法对参数序列化 targetOrigin：指定哪些窗口能接收到消息事件，其值可以是字符串"*"（表示无限制）或者一个URI。在发送消息的时候，如果目标窗口的协议...
使用localStorage+cookie解决同一个主域名跨域
qq_41821445的博客
05-21 994
在做一个项目的时候 遇到一个这样的需求 ，一个项目分了多个域名比如xxx.com 、 aaa.xxx.com和bbb.xxx.com要求是需要在其中一个登录之后再打开另一个的时候直接显示登录状态（即公用一个token）； 这个时候就遇到一个问题，由于浏览器的同源策略导致跨域，今天要解决的就是如何绕开这个跨域成功取到token（仅用于主域相同的情况） 具体方法 在登陆之后将token存入cookie中 this.setCookie("tokens", data.token); setCookie(c_nam
sessionStorage可以在多个Tab之间共享数据吗
mon_star°的博客
07-10 204
不同之处在于，localStorage 中的数据不会过期，而 sessionStorage 中的数据会在页面会话结束时被清除。sessionStorage不能在多个窗口或选项卡之间共享数据，但是，当通过window.open或链接打开新页面时，新页面会复制上一个页面的sessionStorage。每当文档加载到浏览器的特定选项卡中时，就会创建一个唯一的页面会话并将其分配给该特定选项卡。在新选项卡或窗口中打开页面会创建一个具有顶级浏览上下文值的新会话，这与会话 cookie 的工作方式不同。
3.04.08localStorage与sessionStorage
m0_59593735的博客
06-11 161
本地存储
localStorage如何跨域
晚安
04-28 4082
具体来说，iframe 标签可以通过 src 属性指定要嵌入的 HTML 页面的 URL，该页面会被加载到 iframe 标签所在的页面中。localStorage 是 HTML5 中的一个 Web 存储 API，它可以将数据存储在浏览器中，供同一域名下的页面共享和访问。由于浏览器的同源策略，localStorage 的数据只能被同一域名下的页面访问，不能被其他域名下的页面访问。通过使用 iframe 标签，可以在一个 HTML 页面中嵌入另一个 HTML 页面，从而实现页面的嵌套和复用。
localstorage / sessionstorage
10-20
localstorage和sessionstorage都是HTML5中新增的Web Storage API，用于在客户端存储数据。它们的区别如下： 1. 存储大小：localstorage的存储大小一般为5MB，而sessionstorage的存储大小一般为5-10MB。 2. 生命周期：localstorage的生命周期是永久的，除非手动删除，否则数据会一直存在；而sessionstorage的生命周期只在当前会话期间有效，关闭浏览器窗口后数据就会被清除。 3. 作用域：localstorage的作用域是整个域名下的所有页面都可以访问；而sessionstorage的作用域是在同一个窗口或标签页下的所有页面都可以访问。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值