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

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

1 人参与  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