a标签打开新页面sessionStorage丢失

最近突然市场反馈用户登录后点击链接提示重新登录，检查后发现是sessionStorage丢失，原代码是这样的：

<a target="_blank" href="www.XXXXX.com" ></a>

首先先说一下seeionStorage:
sessionStorage作用范围：只存在于当前会话页面，当会话结束后，数据也随之销毁，在不同的浏览器窗口中共享。也就是存在于当前浏览器页面，页面关闭，数据也会删除。（注意：通过鼠标右键打开的新标签无法共享sessionStorage）

经过各种查资料发现：谷歌、火狐等浏览器在之前是当浏览器窗口没有关闭时，窗口内同域网站可以共享此数据（同源浏览器多个窗口不共享），当页面全部关闭或窗口关闭后，sessionStorage数据会被摧毁，所以你用a标签跳转还是js跳转都会共享sessionStorage。
但是现在他们把sessionStorage设置为正经的单页面使用。
说正经的到底怎么改才能还跟以前一样，同一个窗口公用sessionStorage呢其实很简单：

**只需要将a标签中添加 rel=“opener” **就能解决

<a target="_blank" href="www.XXXXX.com" rel="opener"></a>

这样就好了

还可以使用js
window.open()

或者干脆就换存贮方式

好了就介绍这么多

a标签打开新页面sessionStorage丢失相关推荐

html a标签打开新页面,A标签新窗口打开怎么设置
超链�?strong>a标签新窗口打开怎么设置怎么实现-a锚文本打开方式设置首先看看a标签最简单最基本结构代码�?/p>CSS5�?lt;/a> 这样�?ldquo;CSS5�?r ...
vue是用a标签打开新页面_vue 在新窗口打开页面并设置不同的背景
开发一个新系统,前端用的vue,vue是单体应用,所有页面都在一个窗口里实现,但项目要求在点button链接后要新打开一个浏览器页面,解决方法如下: 1. 给此button设置新事件 @click=& ...
vue是用a标签打开新页面_vue | 路由vue-router在新窗口打开页面
vue的是单页面应用设计的渐进式框架,但是有时在项目中也会出现新窗口打开页面的情况,此时,就需要vue-router的知识来解决一.使用标签需要注意的是,router-link并不支持 targe ...
js在打开新页面的时候用新的标签页打开并且在关闭打开的页面的时候刷新父页面的方法...
js在打开新页面的时候用新的标签页打开并且在关闭打开的页面的时候刷新父页面的方法 1.利用window.opener.location.href这个方法. 方式:父页面 window.open('.. ...
若依 vue前端动态设置路由path不同参数在页面容器里打开新页面（新路由），面包屑和标签页标题根据参数动态改变，面包屑多级标题，侧边栏对应菜单亮起
前言因为是在vue源码的基础上进行修改,所以,就没有复制代码在文章上,采取的是截图对比源码和我修改的代码片段.要麻烦你们自己手敲了. 先来看看效果: 场景:在费用配置列表中,点击每一项的配置,都会在 ...
＜a＞链接下载视频而不是打开新页面播放
开发中我们常用<a标签>链接下载数据, 非常好用.但是在下载视频的时候会遇到无法下载转而打开新页面播放的bug 其实, 查看该响应的headers你就会发现, 它的 Response ...
java弹窗点击事件_[Java教程]jQuery的click事件在当前页弹出层窗口（不打开新页面）...
[Java教程]jQuery的click事件在当前页弹出层窗口(不打开新页面) 0 2015-10-24 15:00:04 当给链接添加一个click事件,我们可能不希望Web浏览器按照其常规模式退出 ...
vue 路由跳转页面打开新页面_vue-router跳转时打开新页面的两种方法
vue-router跳转时打开新页面的两种方法最近还是在痛苦的挣扎中挣扎吧记录一下在vue项目中如何实现跳转到一个新页面(一个比较简单又比较基础的问题了),有两个方法: 1.标签实现新窗口打开 ...
H5页面video强制下载，不打开新页面播放
移动端H5页面video标签,点击按钮下载当前资源 1. 点击下载后ios浏览器页能直接下载,不会打开新页面播放视频. 2. 视频改名. 3. 下载进度显示,不能空屏或者无操作反馈实现方式思考: 使 ...

a标签打开新页面sessionStorage丢失

a标签打开新页面sessionStorage丢失相关推荐

最新文章

热门文章