当前位置： 首页 > news >正文

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

news 2026/2/10 17:45:28

背景：我们开发中会遇到让内嵌的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

相关文章：

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

背景：我们开发中会遇到让内嵌的iframe进行登录，但是有希望是单点登录，不想多次登录 目录 方法一：共享sessionStorage或localStorage 方法二：设置内嵌iframe的url参数 方法三：通过父子页面通信postMessage…...

编程日记 2024/5/15 19:06:18

Git篇——Git提交指定文件编码

背景：项目中有些老工程的代码编码格式不统一，可以通过以下方式强行指定提交时的文件编码，可以将所有上传到git的文件的编码格式统一。 在Git中，可以通过设置.gitattributes文件来指定文件编码。在项目根目录下创建一个名为.gitat…...

编程日记 2024/5/15 19:04:15

在云服务器上运行StyleGAN3生成伪样本

首先是传入数据，这里我们不做赘述。 对于数据格式的裁剪，可以通过以下代码进行： from glob import glob from PIL import Image import os from tqdm import tqdm from tqdm.std import trangeimg_path glob(r"C:\Users\Administrato…...

编程日记 2024/5/15 19:02:13

学习Nginx（三）：命令与信号

命令及选项 1. 显示帮助信息： [rootRockyLinux9 ~]# nginx -h nginx version: nginx/1.26.0 Usage: nginx [-?hvVtTq] [-s signal] [-p prefix][-e filename] [-c filename] [-g directives]选项:-?,-h : 显示帮助信息-v : 显示版本信息-V …...

编程日记 2024/5/15 19:01:12

软信天成：业务流程管理驱动企业数字化转型

近日，在国家发展改革委办公厅、国家数据局综合司联合印发的《数字经济2024年工作要点》中，明确强调了本年度大力推进重点领域数字化转型，营造数字化转型生态的战略举措，标志着国家对于企业数字化转型的高度重视与积极倡导。 企业…...

编程日记 2024/5/15 18:59:09

「Python绘图」绘制同心圆

python 绘制同心圆 一、预期结果 二、核心代码 import turtle print("开始绘制同心圆") # 创建Turtle对象 pen turtle.Turtle() pen.shape("turtle") # 移动画笔到居中位置 pen.pensize(2) #设置外花边的大小 # 设置填充颜色 pen.fillcolor("green&…...

编程日记 2024/5/15 18:58:08

Unity基础

概述 基础知识 3D教学 数学计算公共类Mathf 练习: 三角函数 练习： Unity中的坐标系 Vector3向量 向量模长和单位向量 向量加减乘除 练习： 向量点乘 向量叉乘 向量插值运算 Quaternion四元数 为何要使用四元数 四元数是什么 四元数常用方法 四元数计算 练…...

编程日记 2024/5/15 18:57:07

OpenHarmony 实战开发——ArkUI canvas组件

canvas 是 ArkUI 开发框架里的画布组件，常用于自定义绘制图形。因为其轻量、灵活、高效等优点，被广泛应用于 UI 界面开发中。本期，我们将为大家介绍 ArkUI 开发框架中 canvas 组件的使用。 一、canvas 介绍 1.1 什么是 canvas？ …...

编程日记 2024/5/15 18:56:06

js积累一(ipv4正则校验+弹窗方式)

1. ipv4地址，点分十进制的校验 var regexIP /^((25[0-5]|2[0-4]\d|((1\d{2})|([1-9]?\d)))\.){3}(25[0-5]|2[0-4]\d|((1\d{2})|([1-9]?\d)))$/; if(strRegex.test(ip)) //true: 通过 2. 三种弹窗方式: alert()；confirm()； prompt() 1&a…...

编程日记 2024/5/15 18:55:05

【Android】重写onClick方法时，显示Method does not override method from its supperclass

问题 重写onClick方法时，显示Method does not override method from its supperclass 解决 在类上加implements View.OnClickListener...

编程日记 2024/5/15 18:52:02

LeetCode 第397场周赛个人题解

目录 100296. 两个字符串的排列差 原题链接 思路分析 AC代码 100274. 从魔法师身上吸取的最大能量 原题链接 思路分析 AC代码 100281. 矩阵中的最大得分 原题链接 思路分析 AC代码 100312. 找出分数最低的排列 原题链接 思路分析 AC代码 100296. 两个字符串的排…...

编程日记 2024/5/15 18:49:59

Mysql数据库二进制日志导致磁盘满了处理过程

数据库的二进制日志是数据库管理系统（DBMS）用来记录所有对数据库进行修改的操作的记录。这种日志对于数据库的备份、恢复、复制和审计等操作至关重要。 以MySQL数据库为例，二进制日志（Binary Log）记录了所有更改数据的…...

编程日记 2024/5/15 18:48:58

前端面试题日常练-day07 【面试题】

题目 希望这些选择题能够帮助您进行前端面试的准备，答案在文末。 1. 在 JavaScript 中，以下哪个方法可以用于从数组的末尾添加一个或多个元素？ A) push() B) pop() C) shift() D) unshift()2. 下列哪个 HTML 标签用于定义表格的表头&#…...

编程日记 2024/5/15 18:47:57

Uniapp H5开发常见问题解析

引言 在移动应用开发领域，Uniapp已经成为一个备受瞩目的技术框架，其跨平台能力和高效开发特性使得开发者能够更加便捷地构建出功能丰富、性能优越的应用程序。特别是在H5开发中，Uniapp的应用场景日益广泛，然而，随之而…...

编程日记 2024/5/15 18:46:55

QT状态机4-使用并行状态来避免组合爆炸

#include "MainWindow.h" #include "ui_MainWindow.h"MainWindow::MainWindow(QWidget *parent):...

编程日记 2024/5/15 18:45:53

MemoryModule - 应用编程细节

文章目录 MemoryModule - 应用编程细节概述笔记实验环境升级MemoryModule，在上下文中加入DLL在内存载入前的信息MemoryModule.hMemoryModule.cpp实现接口MemoryGetPayload() 整理 - 在内存载入的DLL中，取得资源表中的信息，取得载入前的DLL内容…...

编程日记 2024/5/15 18:43:51

Java程序CPU持续高，如何排查？

首先找到进程ID jps然后找到该进程用占用cpu高的线程 top -Hp 进程ID将线程ID转化为十六进制 printf “0x%x” 线程ID使用jstack 工具跟踪堆栈定位问题 jstack 进程ID | grep 十六进制线程ID -A 5说明，最后-A 5是打印出来后5行。...

编程日记 2024/5/15 18:41:48

（Java）心得：LeetCode——15.三数之和

一、原题 给你一个整数数组 nums ，判断是否存在三元组 [nums[i], nums[j], nums[k]] 满足 i ! j、i ! k 且 j ! k ，同时还满足 nums[i] nums[j] nums[k] 0 。请你返回所有和为 0 且不重复的三元组。 注意：答案中不可以包含重复的三元组。…...

编程日记 2024/5/15 18:38:44

Rust中忽略JSON反序列化时的不必要字段

在Rust中处理JSON数据时，经常会遇到JSON数据中包含一些在目标数据结构中不存在的字段的情况。如果你使用的是serde和serde_json这两个流行的库来处理JSON，那么有一些简单的方法可以忽略这些不必要的字段。 默认行为：忽略未知字段 在Rust中&…...

编程日记 2024/5/15 18:37:42

UDP多对多组播通信

广播和多播仅应用于UDP。TCP是一个面向连接的协议，TCP一定是点对点的，一点是两个主机来建立连接的，TCP肯定是单播。只有UDP才会使用广播和组播。 如下示例实现一个UDP多对多的组播通信，进程中有收、发两个线程，分别表…...

编程日记 2024/5/15 18:34:36

SkyWalking 10.2.0 SWCK 配置过程

SkyWalking 10.2.0 & SWCK 配置过程 skywalking oap-server & ui 使用Docker安装在K8S集群以外，K8S集群中的微服务使用initContainer按命名空间将skywalking-java-agent注入到业务容器中。 SWCK有整套的解决方案，全安装在K8S群集中。 具体可参…...

编程新知 2025/8/23 5:51:08

java_网络服务相关_gateway_nacos_feign区别联系

1. spring-cloud-starter-gateway 作用：作为微服务架构的网关，统一入口，处理所有外部请求。 核心能力： 路由转发（基于路径、服务名等）过滤器（鉴权、限流、日志、Header 处理）支持负…...

编程新知 2025/11/28 2:51:33

云启出海，智联未来｜阿里云网络「企业出海」系列客户沙龙上海站圆满落地

借阿里云中企出海大会的东风，以**「云启出海，智联未来｜打造安全可靠的出海云网络引擎」为主题的阿里云企业出海客户沙龙云网络&安全专场于5.28日下午在上海顺利举办，现场吸引了来自携程、小红书、米哈游、哔哩哔哩、波克城市、…...

编程新知 2026/1/30 0:00:28

DAY 47

三、通道注意力 3.1 通道注意力的定义 # 新增：通道注意力模块（SE模块） class ChannelAttention(nn.Module):"""通道注意力模块(Squeeze-and-Excitation)"""def __init__(self, in_channels, reduction_rat…...

编程新知 2026/2/4 23:29:22

2024年赣州旅游投资集团社会招聘笔试真

2024年赣州旅游投资集团社会招聘笔试真 题 ( 满 分 1 0 0 分 时 间 1 2 0 分 钟 ) 一、单选题(每题只有一个正确答案，答错、不答或多答均不得分) 1.纪要的特点不包括()。 A.概括重点 B.指导传达 C. 客观纪实 D.有言必录 【答案】: D 2.1864年，()预言了电磁波的存在，并指出…...

编程新知 2025/12/10 4:08:53

连锁超市冷库节能解决方案：如何实现超市降本增效

在连锁超市冷库运营中，高能耗、设备损耗快、人工管理低效等问题长期困扰企业。御控冷库节能解决方案通过智能控制化霜、按需化霜、实时监控、故障诊断、自动预警、远程控制开关六大核心技术，实现年省电费15%-60%，且不改动原有装备、安装快捷、…...

编程新知 2025/11/30 16:55:29

根据万维钢·精英日课6的内容，使用AI（2025）可以参考以下方法：

根据万维钢精英日课6的内容，使用AI（2025）可以参考以下方法： 四个洞见 模型已经比人聪明：以ChatGPT o3为代表的AI非常强大，能运用高级理论解释道理、引用最新学术论文，生成对顶尖科学家都有用的…...

编程新知 2026/1/10 1:08:51

在WSL2的Ubuntu镜像中安装Docker

Docker官网链接: https://docs.docker.com/engine/install/ubuntu/ 1、运行以下命令卸载所有冲突的软件包： for pkg in docker.io docker-doc docker-compose docker-compose-v2 podman-docker containerd runc; do sudo apt-get remove $pkg; done2、设置Docker…...

编程新知 2026/2/4 16:23:56

Python ROS2【机器人中间件框架】 简介

销量过万TEEIS德国护膝夏天用薄款 优惠券冠生园 百花蜂蜜428g 挤压瓶纯蜂蜜巨奇严选 鞋子除臭剂360ml 多芬身体磨砂膏280g健70%-75%酒精消毒棉片湿巾1418cm 80片/袋3袋大包清洁食品用消毒 优惠券AIMORNY52朵红玫瑰永生香皂花同城配送非鲜花七夕情人节生日礼物送女友 热卖妙洁棉…...

编程新知 2026/1/29 9:12:46

Fabric V2.5 通用溯源系统——增加图片上传与下载功能

fabric-trace项目在发布一年后，部署量已突破1000次，为支持更多场景，现新增支持图片信息上链，本文对图片上传、下载功能代码进行梳理，包含智能合约、后端、前端部分。 一、智能合约修改 为了增加图片信息上链溯源，需要对底层数据结构进行修改，在此对智能合约中的农产品数…...

编程新知 2025/9/27 12:03:43