背景：我们开发中会遇到让内嵌的iframe进行登录，但是有希望是单点登录，不想多次登录
方法一：共享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
标签：
前端
本文转载自: https://blog.csdn.net/qq_59747594/article/details/138734342
版权归原作者 _揽 所有， 如有侵权，请联系我们删除。
版权归原作者 _揽 所有， 如有侵权，请联系我们删除。