sessionstorage共享的坑你需要知道

最新推荐文章于 2024-07-17 17:16:42 发布

hw_0602

最新推荐文章于 2024-07-17 17:16:42 发布

阅读量732

点赞数 3

文章标签： js html

本文链接：https://blog.csdn.net/weixin_41876046/article/details/117776867

版权

在同源策略下：无论你是通过window.open,a标签跳转页面，或者是刷新当前页面，sessionstorage都会保留当前已经存在的值，如果通过window.open,a标签打开新页面有一个误区，如下

场景：A.html页面是当前页面，通过window.open,a标签打开B.html页面；

操作：此时无论你在A或者B页面对sessionstorage做增，删，改，两个页面sessionstorage的数据不会同步

使用localstorage两个页面localstorage的数据会实时同步

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

hw_0602

关注关注

3
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

网络攻防中黑客常用技术跨站脚本技术：DOM XSS高发场景透视及修复技巧、取值写入页面或动态执行、使用HTML5 postMessage进行跨域通讯、使用存在缺陷的第三方库或通用组件

代码讲故事

03-08

352

网络攻防中黑客常用技术跨站脚本技术：DOM XSS高发场景透视及修复技巧、取值写入页面或动态执行、使用HTML5 postMessage进行跨域通讯、使用存在缺陷的第三方库或通用组件。 DOM-Based XSS是一种基于文档对象模型(Document Object Model,DOM)的Web前端漏洞，简单来说就是JavaScript代码缺陷造成的漏洞。与普通XSS不同的是，DOM XSS是在浏览器的解析中改变页面DOM树，且恶意代码并不在返回页面源码中回显，这使我们无法通过特征匹配来检测DOM XSS

js 处理sessionStorage无法在多个标签栏共享、同步的问题

PrimaryColor

04-07

1865

同一浏览器的相同域名和端口的不同页面间可以共享相同的localStorage，但是不同页面间无法共享sessionStorage的信息。两个标签栏localStorage如果一个页面里面修改了，那么另外一个页面的localStorage也会跟着变化。使用window.addEventListener('stroage') 监听stroage变化事件进行回调共享数据，该方法只能监听localStorage的变化，无法监听sessionStorage的变化。不过可以通过设置sessionStorage.

参与评论您还未登录，请先登录后发表或查看评论

sessionStorage存储对象遇到的坑

m0_46159184的博客

08-11

378

sessionstorage存取js对象赋值问题

面试官：你确定多窗口之间sessionStorage不能共享状态吗?

最新发布

2401_83384536的博客

07-17

643

其实不仅window.open("同源页面")这种方式新开的页面会复制之前的sessionStorage，通过a标签新开的页面同样也会，原理相同，在这就不赘述了。

项目中踩过的坑之-sessionStorage

weixin_30439031的博客

06-30

1761

总想写点什么，却不知道从何写起，那就从项目中踩过的坑开始吧，希望能给可能碰到相同问题的小伙伴一点帮助。项目情景：有一个id，要求通过当前网页打开一个新页面(不是当前页面)，并把id传给打开的新页面，然后新页面在初始化时候使用这个id，发送请求········。解决方案：第一个小伙伴选择了cookie，总所周知cookie可以在同源网页间共享。我建议他不要用，因为cookie在页面发...

js中新标签页sessionStorage无法共享问题

南途的博客

04-15

1305

(function() { const AuthCode = () => sessionStorage.getItem('Auth-Code'); const secretKey = () => sessionStorage.getItem('secretKey'); if (!AuthCode() || !secretKey()) { // 这个调用能触发目标事件，从而达到共享数据的目的 localStorage.setItem('getSes...

【JavaScript问题】JavaScript 使用 window.open() 打开一个新的页面session丢失

Tellsea

09-23

2567

文章目录问题描述问题分析解决方法问题描述开发中，遇到这么一个问题，前端使用的是layuiadmin，当右侧iframe中的内容使用window.open() 打开一个新的页面时，session就失效了，新打开的页面上使用了一个在线office办公插件，当插件保存文档到后台时，从session中获取不到保存的用户信息问题分析 window.open()打开的一个新页面，页面中的在线office调用方法保存时，实际上是网页内嵌了一个标签实现的，也就是说是一个新的页面在后台打断点分析了两次进入控制层的

HTML5之sessionStorage用法

自救唯有自强

11-06

1196

一、介绍 sessionStorage 是HTML5新增的一个会话存储对象，用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。在JavaScript语言中可通过 window.sessionStorage 或 sessionStorage 调用此对象。二、特点同源策略限制。若想在不同页面之间对同一个sessionStorage进行操作，这些页面必须在同一协议、同一主机名和同一端口下。(IE 8和9存储数据仅基于同一主机名，忽略协议（HTTP和HTTPS）和端口号的要求)

Vue 2.x脱坑记 - 查漏补缺(汇总下群里高频询问的xxx及给出不靠谱的解决方案)

热门推荐

CRPER

11-07

1万+

前言文章内容覆盖范围,芝麻绿豆的破问题都有,不止于vue; 给出的是方案,但不是手把手一字一句的给你说十万个为什么!有三类人不适合此篇文章: “喜欢站在道德制高点的圣母婊” – 适合去教堂 “无理取闹的键盘侠” – 国际新闻版块欢迎你去 “有一定基础但又喜欢逼逼的人” 得得得,老子知道你厉害了,你好牛逼,这些问题那么简单,都是小白看的这种傻瓜文,简直浪费老子的时间! 对于以上三类人,走吧,这里

前端基础知识点-每天一个基本知识点（100+个前端小知识，你是否都知道？）

m0_67394006的博客

03-02

9177

文章目录前言第一回合一、知识点：cookie（21/09/06）二、知识点：节流和防抖（21/09/07）三、知识点：var和let以及const（21/09/08）四：知识点：深拷贝和浅拷贝（21/09/09）五、知识点：作用域和作用域链（21/09/10）六、知识点：从输入URL到页面展示这中间发生了什么（21/09/11）七、知识点：重排和重绘（21/09/12）八、知识点：TCP和UDP（21/09/13）九、知识点：三次握手（21/09/15）十、知识点：绝对定位和相对定

2023年前端面试汇总-React

越陌度阡

06-29

845

React并不是将click事件绑定到了div的真实DOM上，而是在document处监听了所有的事件，当事件发生并且冒泡到document处的时候，React将事件内容封装并交由真正的处理函数运行。这样的方式不仅仅减少了内存的消耗，还能在组件挂在销毁时统一订阅和移除事件。除此之外，冒泡到document上的事件也不是原生的浏览器事件，而是由react自己实现的合成事件（SyntheticEvent）。因此如果不想要是事件冒泡的话应该调用event.preventDefault()方法，而不是调用event

解决sessionStorage在同一网站下不共享的问题

weixin_42432439的博客

02-27

4027

一开始用localStorage，不论打开多少个页面，哪怕关掉重新打开，同一个网站下的存储的数值还在，问题是，不能同时登录多个账户，以及设置过期时间等后来启用sessionStorage，可以登录多个账户了，页面一关存储的数值也会自动被清掉，不存在安全问题；但来了新的问题，登录后，父页面跳转打开的新页面，两个页面之间的值无法共享了。后来想了一下，可以利用window.opener来解决，自己写...

.net下导致Session失效的一种情况：js教本中使用window.open和window.showModalDialog时需要注意...

weixin_30555515的博客

12-02

在项目中碰到过一种情况先用window.open打开1.aspx，1.aspx中用window.showModalDialog打开2.aspx，2.aspx中用window.open打开3.aspx，那么在3.aspx中取不到Session中的值。于是我先做了一个default.aspx页面，向Session中存入值，在后面的三个页面中，分别去取Session中...

你确定多窗口之间sessionStorage不能共享状态吗

weixin_43883849的博客

03-01

231

sessionStorage

你确定多窗口之间sessionStorage不能共享状态吗?

gxdzi的博客

02-03

1346

其实不仅window.open(“同源页面”)这种方式新开的页面会复制之前的sessionStorage，通过a标签新开的页面同样也会，原理相同，在这就不赘述了。经过一系列的学习 (百度) 之后，笔者发现如果从本页面以新开页签的方式打开一个同域下的新页面，新开的页面会和之前的页面 ‘共享’ sessionStorage。（斩钉截铁，认真脸）在页面中有个button按钮，点击按钮触发 window.open(“同源页面”)，现得到新开的页面B，在B中执行。

面试官：sessionStorage 能在多个标签页之间共享数据吗？

前端下午茶

05-22

254

作者：晚安啦原文：https://juejin.cn/post/7362080157190570010最近，我的一个朋友在面试中被一个关于 sessionStorage 的问题难住了。我们来聊聊这个话题。sessionStorage 能在多个标签页之间共享数据吗？在回答这个问题之前我们先来聊聊另一个存储API localstoragelocalstorage与sessionStorage经常是放在...

localStorage、sessionStorage同一网站下共享问题

weixin_43389274的博客

10-13

5234

sessionStorage 以下的讨论是以同源为前提。（同源和同站是有区别的，同源要求更为严格）不是所有的sessionStorage都能共享。 1. 第一种情况浏览器中打开A页面，再通过A页面打开新的标签页B页面,此时A、B两个页面的sessionStorage是“共享”的。这里的共享指的是B页面会把A页面的的 sessionStorage 拷贝一份，作为B页面的初始缓存值，此时改变B页面的session,A页面并不受影响。即不同 Tab 之间，session读写操作独立，互不影响。 // 之前通

window.open怎么设置title_LocalStorage 设置过期时间？

weixin_39654751的博客

12-12

370

点击上方“执行上下文”，选择“置顶公众号”关键时刻，第一时间送达！1、如何不刷新页面改版URL参数 window.history.pushState(state,title,url)pushState()带有三个参数：一个状态对象，一个标题，以及一个可选的URL地址。state:一个与添加的记录相关联的状态对象，主要用于popstate事件。该事件触发时，该对象会传入回调函数。也就是...

localStorage 和 sessionStorage 数据共享有什么不同

05-25

localStorage 和 sessionStorage 是 HTML5 提供的 Web 存储 API，它们都可以用来在客户端存储数据。它们的不同点在于： 1. 生命周期：localStorage 的生命周期是永久的，即使用户关闭了浏览器窗口也不会被清除。而 sessionStorage 只在当前会话下有效，即当用户关闭浏览器窗口时会被清除。 2. 作用域：localStorage 存储的数据对于同源的所有窗口都是共享的，即一个窗口存储的数据可以被同一域名下的其他窗口访问。而 sessionStorage 存储的数据只能在同一窗口中共享，即不同窗口之间无法访问对方的数据。因此，如果需要在不同窗口之间共享数据，应该使用 localStorage。如果只需要在当前窗口中共享数据，应该使用 sessionStorage。