当前位置:首页 » 《资源分享》 » 正文

前端内嵌iframe网页单点登录的三种方式

25 人参与  2024年09月20日 10:40  分类 : 《资源分享》  评论

点击全文阅读


背景:我们开发中会遇到让内嵌的iframe进行登录,但是有希望是单点登录,不想多次登录

目录

方法一:共享sessionStorage或localStorage

方法二:设置内嵌iframe的url参数

方法三:通过父子页面通信postMessage


方法一:共享sessionStorage或localStorage

         父页面(主站)和iframe(子站点)之间如果是同一域名或满足同源策略,可以直接共享sessionStorage或localStorage中的登录信息

        对于同源的父页面和内嵌的子页面来说,它们会共享同一个sessionStorage和localStorage,而不是各自有独立的sessionStorage和localStorage。这意味着当父页面设置数据到sessionStorage和localStorage时,子页面可以读取和访问这些数据,并且当子页面设置数据到sessionStorage和localStorage时,父页面也可以读取和访问这些数据。因此,它们共享同一个sessionStorage和localStorage空间,可以实现数据共享和交互。

方法二:设置内嵌iframe的url参数

        在设置内嵌iframe的url时候,给他必要的登录信息,这个需要跟内嵌另一个网页项目的约定好,我们传给他什么他们才可以登录。

方法三:通过父子页面通信postMessage

iframe父子页面通信_iframe父子页面国际化通信-CSDN博客

扩展:同源网页

如果网页在同源的情况下,子页面可以直接通过window.parent来拿到父页面window对象,想怎么玩都行,反之父页面也可以用下面来拿到子页面window对象

const iframe = document.getElementById('myIframe');iframe.contentWindow

点击全文阅读


本文链接:http://zhangshiyu.com/post/162079.html

<< 上一篇 下一篇 >>

  • 评论(0)
  • 赞助本站

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

最新文章

  • 完结文真相与背叛来的让人猝不及防赵宇程列表_完结文真相与背叛来的让人猝不及防赵宇程(时云悦)
  • [星月]完结版免费在线阅读_靳时川靳总星星节选免费试读
  • 被休后我盖房屯粮肉满仓免费(叶盼汣)_被休后我盖房屯粮肉满仓免费叶盼汣
  • (流年落尽空白首免费)全文资源(向婉宁顾辞)_流年落尽空白首免费列表_笔趣阁向婉宁顾辞
  • 他曾满眼温柔季乐汐在线列表_他曾满眼温柔季乐汐在线(方慕琛)
  • 霍司年梁岁花(似月光吻野风:结局+番外)结局_(霍司年梁岁花似月光吻野风:结局+番外全书结局)结局列表_笔趣阁(霍司年梁岁花)
  • [为了竹马,妻子催眠我四次]小说免费在线阅读_林婉清韩慕辰慕辰章节世界观揭秘篇‌
  • 「爱是沉默的孤单」精彩节选试读_[陈行简林姐过敏]完结版全文
  • 宋逸琛安熙柠:+后续+结局必读爽文完本_完本宋逸琛安熙柠:+后续+结局必读爽文
  • (番外)+(全书)瑶华澹台冥苍(神祭台上仙缘尽:结局+番外)_(瑶华澹台冥苍)列表_笔趣阁(神祭台上仙缘尽:结局+番外)
  • (番外)+(全书)我结婚后,前世为了白月光殉情的丈夫却哭疯了:结局+番外(许念苏瑾安)_(我结婚后,前世为了白月光殉情的丈夫却哭疯了:结局+番外)列表_笔趣阁(许念苏瑾安)
  • 触摸不到的月光:结局+番外(许信川周羽瑶)_(触摸不到的月光:结局+番外)列表_笔趣阁(许信川周羽瑶)

    关于我们 | 我要投稿 | 免责申明

    Copyright © 2020-2022 ZhangShiYu.com Rights Reserved.豫ICP备2022013469号-1