a标签新开页面sessionStroge缓存数据问题

已于 2022-07-12 16:46:21 修改
阅读量948 收藏 1
点赞数
分类专栏： 其他 文章标签： html5
于 2022-07-11 16:46:13 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wangshang1320/article/details/125724665
版权

场景

用户缓存或者token放在sessionStroge里面的情况下，需要新开页面跳转，比如导航栏a标签跳转

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

上面这种写法会丢失掉sessionStroge里面的缓存数据

原因

sessionStroage的作用范围是：只存在于当前会话页面，会话结束后（即当前页面关闭），sessionStroage也会随之销毁

解决方案

对a标签加上ref="opener"属性即可

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


 

ps：本地缓存如果要长久保留建议放在localStroge里面，当前页面数据放sessionStroge

wangshang1320
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【SpringBoot】27、SpringBoot中整合Ehcache实现热点数据缓存
Asurplus
07-24 21万+
EhCache 是一个纯 Java 的进程内缓存框架，具有快速、精干等特点，是 Hibernate 中默认的CacheProvider。用惯了 Redis，很多人可能已经忘记了还有 EhCache 这么一个缓存框架 一、简介 EhCache 是一个纯 Java 的进程内缓存框架，具有快速、精干等特点，是 Hibernate 中默认CacheProvider。Ehcache 是一种广泛使用的开源 Java 分布式缓存。主要面向通用缓存,Java EE 和轻量级容器。它具有内存和磁盘存储，缓存加载器,缓存扩展,
为什么localstorage获取不到数据_JavaScript浏览器端数据存储方案之Web Storage篇
weixin_39676242的博客
12-14 3557
打开UC浏览器 查看更多精彩图片在做项目的过程中，我们经常遇到需要把信息存储在本地的情况，比如权限验证的token、用户信息、埋点计数、客户配置的皮肤信息或语言种类等，我们可以暂存一下避免浏览器不必要的请求和客户多余操作，给客户使用带来方便。这篇文章主要介绍localStorage和sessionStorage。HTML5中 Web Storage 的出现，主要是为了弥补使用 Cookie 作为本...
超链接标签<a>缓存问题的解决
前行
11-30 8314
问题：我在后台生成pdf文件,直接用a标签链接过去，然后在浏览的网页的时候直接点击超链接便打开pdf文件，可以打印，下载什么的觉得挺方便的（浏览器是firefox），因为pdf文件的生成是根据每次点击的数据的不同来生成的，所以第二次点击a标签显示的pdf内容却仍然是之前的那个…在这里发现了解决的思路和方法（http://www.ablanxue.com/prone_1974_1.html），记录一下
技术心得总结：a 标签实现新标签页打开功能
最新发布
SailingCoder的博客
06-17 3000
最近，有用户提出希望在点击菜单项时，能够在新标签页中打开对应的链接功能。这类似于我们常用的右键菜单中的“在新标签页打开链接”功能。经过对需求的分析和代码的查看，我们找到了实现这一功能的方法。
chrome浏览器a标签跳转打开新页面sessionStorage丢失
qq_27525959的博客
04-21 1880
chrome浏览器a标签跳转打开新页面sessionStorage丢失背景介绍问题解决 背景介绍 公司要求用vue开发一个简单的官网，但是这个网站要嵌入公司之前的项目，登录鉴权这一块就很恶心，一方面要开发新需求，另外也要把原项目的部分功能拿过来直接用。 看了原项目，用的是sessionStorage存储sessionid以及一些用户信息，于是我这边系统登录也用了原系统的登录接口，存储信息到sessionStorage。 问题 现在的问题就是原项目里面也有很多子系统，子系统是单独打开的新页面，即a标签 &lt
a标签跳转页面_利用keep-alive，快速实现页面缓存
weixin_39882623的博客
11-25 531
keep-alive在某一些特定场景下，跳转页面后再返回我们不希望销毁组件，而是希望页面缓存下来，保存跳转前的状态，这时候就可以用到keep-alive组件。官方介绍这个地方请注意有一个坑点，include 和 exclude 包含的name 是组件的name不是router name.使用场景如果未使用keep-alive组件，在路由切换会对界面进行销毁，在某些业务场景下会使用户体验不是很友好。...
a标签是否新开一个页面文档整理
445822357
10-29 199
a标签是否新开一个页面：（1）百度百科：如果header不同，则一定重新开一个页面；如果heade相同，则也有可能新开一个页面；规律不定（2）新浪首页：header部分都是在当前页面打开，不管跳转后的header是否相同，其他内容都是另开一个新页面。 新浪二级页面：基本都是新开一个页面，部分是在原来的页面打卡。 规律不定（3）网易：都是新开一个页面，不管header是否相同。（4）淘宝首页：都是...
vue切换路由页面数据缓存_关于VUE路由跳转的缓存问题
weixin_39746241的博客
02-05 2449
由于自己是刚学的vue，所以对vue挺多不解的问题。希望各位码友能够指出我的不对，或者给我更好的建议。关于项目最近在做一个项目，整个项目是由vue+vue-router+vue-cli+webpack+mui+H5 plus+ 构建的一个混合开发项目。通过Hbuilder打包成APK。原本项目是直接在Hbuilder开发的，使用的也是Hbuilder自动生成的框架。后来想把项目重构。所以才有机会学...
vue切换路由页面数据缓存_Vue-Router实现前端页面缓存
weixin_33587161的博客
01-17 3297
一、使用情景在使用Vue开发单页面应用时，我们通常会使用Vue-Router进行页面导航，Vue-Router在进行路由切换的时候，页面是会重新加载，对应的生命周期函数也会再次执行一遍，但是在有些业务场景下，比如：在有分页数据列表中，切换到第三页需要查看列表对应数据的详情页面，然后返回，如果不加任何处理，列表页面会重新加载，默认显示第一页数据，而不在是之前的第三页，这样如果还需要查看之前查看数据的...
微信html页面缓存问题,浅谈微信页面入口文件被缓存解决方案
weixin_35039018的博客
06-03 3106
缓存对于前端页面来说，是加速页面加载的利器之一，但也同时带来了很多问题，比如新版本发布之后，怎么替换客户端上的缓存文件呢？大家一般的的解决方案主要有以下几种形式，一般情况1、添加版本号，在静态资源文件的引用链接后面添加版本号，这样每次发布的时候更新版本号，就能让叫客户端加载新的资源文件，避免再次使用缓存的老文件，如2、文件名使用hash形式，webpack中打包文件可直接生成，这样每次打包发布的时...
【SpringBoot】17、SpringBoot中整合Redis实现热点数据缓存
热门推荐
Asurplus
08-03 19万+
本次，我们以IDEA + SpringBoot作为 Java中整合Redis的使用 的测试环境，如果对创建SpringBoot项目有不清楚的地方，可以参考我的博客！！！ 首先，我们需要导入Redis的maven依赖 <!-- Redis的maven依赖包 --> <dependency> <groupId>org.springframework.b...
a标签新开页面sessionStorage丢失
zrr_520的博客
05-16 768
a标签新开页面sessionStorage丢失 场景 点击标签，新开一个页面 遇到的问题 打开新页面后重新跳转了登录页，查看后发现session空了 分析 cookie： 同浏览器，不同tab，同源，同路径 localStorage： 同浏览器，不同tab，同源 sessionStorage 同浏览器，同tab，同源 解决 <a target="_blank" href="www.xxx.com" rel="opener"></a> ...
前端 a标签 / js 的 跳转页面、打开新页面
weixin_42307069的博客
01-07 5943
前端 a标签 / js 的跳转页面、打开新页面
点击a标签后，页面刷新a标签也无法重新回到未点击状态
qq_56507133的博客
09-07 323
点击浏览器刷新，链接还是已点击状态。每次点击后都需要清除，有点麻烦。解决方法：浏览器清除历史记录。
a标签打开新页面&html 新开网页
hejias的专栏
02-23 1977
直接调用 a标签click 不行 亲测，调用openurl 有时浏览器阻止 参考了https://www.jianshu.com/p/950b9478a38e 亲测 $("body").append('<a target=_blank class=linkclass><p></p></a>'); function load(stor...
点击a标签页面莫名跳转问题
qq_42464555的博客
01-09 546
页面跳转莫名页面问题 问题重现：点击a标签，却跳转新的莫名新页面的问题 源代码：<a href="javascript:;" class="layui-table-link keshi layui-elip" target="_blank"> 错误问题： 在HTML中的a标签属性中target 属性规定在何处打开链接文档: 属性值 值 描述 _blank 在新窗...
a标签调整打开新页面
xiaohong的博客
05-25 832
加入target="_blank" 案例：<a href="dynamicDetails.html" target="_blank" ></a>
js给所有a标签加个随机参数，防止页面缓存
zjutke的专栏
09-09 2964
window.setInterval(refresh, 1000); function refresh(){ var r=new Date().getTime() + Math.random() + Math.random(); $("a").each(function(){ var v = $(this).attr("href"); if(v!=undefi
localStorage和sessionStorage数据缓存机制（H5新特性）
李小小的博客
02-25 834
localStorage和sessionStorage 只兼容至IE8； 所缓存的这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁； 使用起来非常的简单 不多说看code！ if(!window.sessionStorage){ alert('您的浏览器不支持H5缓存数据特性！'); }else { let session = win...
Rails缓存深度解析：静态页面到动态数据的优化
"本文深入探讨了Ruby on Rails框架中的缓存机制，主要关注四个关键场景：全静态页面、几乎无变化的全动态页面、动态页面片段以及应用程序数据的缓存。作者通过具体例子展示了如何在ChangingThePresent.org网站中应用...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值