chrome浏览器a标签跳转打开新页面sessionStorage丢失

最新推荐文章于 2024-04-22 16:57:28 发布
最新推荐文章于 2024-04-22 16:57:28 发布
阅读量1.8k 收藏 2
点赞数 1
文章标签： web vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_27525959/article/details/115942298
版权

chrome浏览器a标签跳转打开新页面sessionStorage丢失

背景介绍

公司要求用vue开发一个简单的官网，但是这个网站要嵌入公司之前的项目，登录鉴权这一块就很恶心，一方面要开发新需求，另外也要把原项目的部分功能拿过来直接用。
看了原项目，用的是sessionStorage存储sessionid以及一些用户信息，于是我这边系统登录也用了原系统的登录接口，存储信息到sessionStorage。

问题

现在的问题就是原项目里面也有很多子系统，子系统是单独打开的新页面，即a标签

<a href="${options.url}" target="_blank" >

结果打开的新页面提示登录超时，原因是sessionStorage里面存储的数据没带到新打开的页面去

解决

<a href="${options.url}" target="_blank" rel="opener">

标签上添加rel="opener"即可

玄尘若风
关注
浏览器/html/css面试题----1
MingL520的博客
05-24 330
CSS hack是通过在CSS样式中加入一些特殊的符号，让不同的浏览器识别不同的符号（什么样的浏览器识别什么样的符号是有标准的，CSS hack就是让你记住这个标准），以达到应用不同的CSS样式的目的。CSS hack由于不同厂商的浏览器，比如Internet Explorer,Safari,Mozilla Firefox,Chrome等，或者是同一厂商的浏览器的不同版本，如IE6和IE7，对CSS的解析认识不完全一样，因此会导致生成的页面效果不一样，得不到我们所需要的页面效果。
浏览器、html、css面试题（一）
hrj970808的博客
11-12 3209
1.什么是盒模型 盒模型 margin(外边距)- 清除边框外的区域，外边距是透明的。 border(边框)- 围绕在内边距和内容外的边框。 padding(内边距)- 清除内容周围的区域，内边距是透明的。 content(内容)- 盒子的内容，显示文本和图像。 W3C的标准盒模型 在标准的盒子模型中，width指content部分的宽度 IE的盒模型 在IE盒子模型中，width表示content+padding+border这三个部分的宽度 css如何设置两种模型 这里用到了CSS3 的属性
登录 注册 vuex \ sessionStorage、localStorage token cookie session 区别 a标签新窗口打开页面跳转sessionStorage丢失
weixin_50885665的博客
04-10 872
这个问题是今天被面试官问道，面试官当时说的话大概意思是，多个网页打开的是同一个网页时，他们使用了同一个sessionStorage，某个页面关闭了，问我其他页面的sessionStorage会不会被清除！例如: 点击新闻 ---- 新窗口打开一个页面 --- 在新窗口打开的页面里用vuex设置的state,原来的新闻页获取不到(用watch也监控不到) ---- 原因是新窗口打开的。2、通过token方式 选2 ---- 如果前端和服务器之间存在跨域问题,推荐用。
a标签新开页面sessionStorage丢失
zrr_520的博客
05-16 769
a标签新开页面sessionStorage丢失 场景 点击标签，新开一个页面 遇到的问题 打开新页面后重新跳转了登录页，查看后发现session空了 分析 cookie： 同浏览器，不同tab，同源，同路径 localStorage： 同浏览器，不同tab，同源 sessionStorage 同浏览器，同tab，同源 解决 <a target="_blank" href="www.xxx.com" rel="opener"></a> ...
a标签新开页面sessionStroge缓存数据问题
wangshang1320的博客
07-11 954
跳转页面缓存sessionStroge
a标签打开新页面sessionStorage丢失
code_game_的博客
04-12 2402
最近突然市场反馈用户登录后点击链接提示重新登录，检查后发现是sessionStorage丢失，原代码是这样的： <a target="_blank" href="www.XXXXX.com" ></a> 首先先说一下seeionStorage: sessionStorage作用范围：只存在于当前会话页面，当会话结束后，数据也随之销毁，在不同的浏览器窗口中共享。也就是存在于当前浏览器页面，页面关闭，数据也会删除。（注意：通过鼠标右键打开的新标签无法共享sessionStorage）
解决右键打开新的标签页，sessionStorage失效。
yydsddz的博客
07-04 629
/ 这个调用能触发目标事件，从而达到共享数据的目的。// 已存在的标签页会收到这个事件。// 新开启的标签页会收到这个事件。// 页签共用sessionStorage。
2023高薪前端面试题（一、前端基础——HTTP/HTML/浏览器）
iaz999的博客
04-29 3230
语义化就是构成HTML结构的标签要有意义。比如有这样的标签：header表示页面头部main表示页面主题footer表示页面底部那么这些标签构成的HTML结构就是有意义的，也是语义化的。​ 如果说页面的头部、主体以及底部都用div来表示，那么他就不是一个语义化的HTML结构了。
web前端面试题完美整理/涵盖html,CSS、JS、浏览器、Vue、React、移动web。
A曾大大的博客
04-15 764
本篇文章整理总结了一些前端面试题，涵盖面很广，并且面的都是知名大厂，所以这些题还是很有代表性的，都掌握以后一面基础面应该没什么问题，二面也能应付大半，奉上： css相关 更多教程：https://sucaiip.com/ 万能居中 1.margin: 0 auto;水平 2.text-align: center;水平 3.行高，垂直 4.表格，center,middle；水平垂直 5.disp...
Chrome更新89版本后，sessionStorage丢失a标签跳转丢失sessionStorage
G_ruirui的博客
04-26 1065
localStorage作用范围：本地存储，关闭浏览器后，数据依然会保存。同源浏览器窗口可以共享使用localStorage存储的数据。 sessionStorage作用范围：只存在于当前会话页面，当会话结束后，数据也随之销毁，在不同的浏览器窗口中共享。也就是存在于当前浏览器页面，页面关闭，数据也会删除。（注意：通过鼠标右键打开的新标签无法共享sessionStorage） 而这块对于sessionStorage可能一直存在一个误区，在Chrome浏览器89版本前，当前会话页面指的是当浏览器窗口没有关闭时，
CefSharp调用google浏览器内核ChromiumWebBrowser，与JS交互源码
11-22
使用详情参考我的博客：https://blog.csdn.net/HorseRoll/article/details/84334162
右键打开新的标签页，sessionStorage失效
旺旺
03-30 4376
项目场景： 所有人都知道，localStorage和sessionStorage的最大区别是生命周期，一个永久，一个仅针对一个会话期间有效。那么，到底什么是一个会话？多个标签页之间的数据是否会共享呢？ 问题描述： 在今天开发的项目中，有一个需求，需要在a页面通过target="_blank"跳转打开一个新的标签页b，在跳转的过程中，需要把a页面相关的信息通过缓存传到b页面，通过使用sessionStorage实现，不过在跳转之后发现sessionStorage为空，为什么sessionStorag.
a标签新窗口打开页面跳转sessionStorage丢失
zhao949895887的专栏
11-13 1518
Chrome更新89版本后，sessionStorage丢失a标签跳转丢失sessionStorage 最简单的解决办法 - a标签添加属性 rel="opener" Chrome对于a标签默认添加了noopener属性，所以通过a标签跳转，会丢失新页面的控制权，sessionStorage自然也就丢失了，我们只需要在a标签上加上 rel="opener" 就行了。 在Chrome浏览器89版本前，当前会话页面指的是当浏览器窗口没有关闭时，窗口内同域网站可以共享此数据（同源浏览器多个窗...
html刷新页面信息消失,存储在localstorage中的变量在页面刷新时消失
weixin_33421437的博客
06-03 3077
这是一个网页，您可以从三个单选按钮中选择背景图片。我想将所选的一个保存在本地存储中，因此当页面刷新时，最后一个选定的背景图像将被刷新。情况并非如此，我不明白为什么，是吗？在此先感谢:)存储在localstorage中的变量在页面刷新时消失function setBg() {myForm = document.getElementById("bgList");for (var i = 0; i &l...
sessionStorage不能跨窗口取值
BluerCat的博客
07-20 2666
sessionStorage是页面临时缓存存储，关闭当前页面后，就会自动删除，不能从另外一个新的窗口获取当前窗口的sessionStorage缓存。例如a.vue窗口中存在sessionStorage缓存，b.vue想取到a.vue中的sessionStorage缓存。 解决方法，将sessionStorage中的缓存存储到localStorage本地缓存中（建议存储数据不要过多，并及时清理）。 ...
chrom通过A标签打开新的页面切换
lvlinjier的博客
11-30 259
窗口句柄 = '' lstWindowHandles =创建字符串列表() try 信息 = seGetWindowHandles(sSessionID, lstWindowHandles) if (信息 = '') [ index = lstWindowHandles.count - 1 窗口句柄 = lstWindowHandles[index] ] else [ msg = '获取新开窗口句柄失败' 返回 = 设置指标('正常', msg, '描
复制打开新页面sessionStorage存储的信息仍然存在
qq_28584841的博客
07-27 2258
信息存储在sessionStorage中，鼠标停留在当前网页的tab处，右键复制打开新窗口页面，新页面sessionStorage中存储的信息跟原页面一致。 只有复制原网址打开新页面，粘贴转到打开的新页面是没有sessionStorage信息的。 ...
sessionStorage不在不同的浏览器窗口中共享，即使是同一个页面，是否会共享
最新发布
qq_25416827的博客
04-22 513
一旦用户关闭了窗口或标签页，存储在 sessionStorage 中的数据就会被清除。需要注意的是，即使在相同的浏览器和相同的页面下，如果页面是在新的窗口或标签页中打开的，那么它们之间的 sessionStorage 也是不共享的。这是因为 sessionStorage 的设计初衷是为了在单个页面会话期间保持数据的独立性，而不是为了在不同页面或窗口之间共享数据。总结来说，sessionStorage 提供了一种在单个页面会话期间存储数据的临时解决方案，但它并不适用于需要在不同窗口或会话之间共享数据的场景。
a标签跳转页面携带参数并隐藏参数
wlijun_0808的博客
12-27 2738
总体思路 将参数保存到session中 跳转页面之后，在另一个页面中取出参数。 // 第一个页面 <script type="text/javascript"> <!-- 携带参数跳转页面，将参数进行加密，保存在session中--> function postToPage(id){ window.localStorage.setItem("communityId",id); } </script> &l
那如何不携带sessionStorage打开新标签呢
07-27
将第三个参数设置为"_blank"，可以在新标签页中打开一个空白页面，而不继承父窗口的sessionStorage。 示例代码如下： ```javascript window.open("about:blank", "_blank"); ``` 这将打开一个新的空白标签页，其中...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

玄尘若风

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值