Chrome更新89版本后，sessionStorage丢失a标签跳转丢失sessionStorage
Chrome对于a标签默认添加了noopener属性，所以通过a标签跳转，会丢失新页面的控制权，sessionStorage自然也就丢失了，我们只需要在a标签上加上 rel="opener" 就行了。
在Chrome浏览器89版本前，当前会话页面指的是当浏览器窗口没有关闭时，窗口内同域网站可以共享此数据（同源浏览器多个窗口不共享），当页面全部关闭或窗口关闭后，sessionStorage数据会被摧毁，所以你用a标签跳转还是js跳转都会共享sessionStorage。
在2021年3月初Chrome浏览器进行了批量更新，更新到89版本后，通过a标签target="_blank"跳转到新页面时sessionStorage就会丢失。Chrome这一更新可能会导致很多网站的sessionStorage丢失。
Chrome更新89版本后，sessionStorage丢失a标签跳转丢失sessionStorage 最简单的解...
本窗口打开 百度 window.location.href='http://www.baidu.com' 新窗口打...
记录几个比较常用的快捷键。 打开新窗口 Ctrl + n 打开新的标签页，并跳转到该标签页 Ctrl + t 重...
新窗口打开页面的黑魔法 特殊字符 列表 表格 表单 label 标签 下拉列表 html5 新增标签
打开新页面 1. router-link 在新窗口打开页面 router-link 默认渲染成a标签，可以和a标签一样设置 targ...
router-link
a 标签的用法 属性 href 跳转外部页面 跳转内部锚点 跳转到邮箱或者打电话 target 指定页面在哪里打开...
一、窗口和页面 Ctrl+N 打开新窗口 Ctrl+T 打开新标签页 Ctrl+Shift+N 在隐身模式下打开新...
//业务需要跳转的页面let needRefresh = sessionStorage.getItem("need...
结果： 注意：如果a标签设置 href 属性跳转， 重新刷新页面，丢失样式，可以考虑如下脚本
本文标题：a标签新窗口打开页面跳转sessionStorage丢失
本文链接：https://www.haomeiwen.com/subject/tsuazltx.html
网友评论