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

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

news 2026/2/10 21:32:55

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

AI-调查研究-01-正念冥想有用吗？对健康的影响及科学指南

点一下关注吧！！！非常感谢！！持续更新！！！ 🚀 AI篇持续更新中！（长期更新） 目前2025年06月05日更新到： AI炼丹日志-28 - Aud…...

编程新知 2026/2/8 5:11:39

大数据学习栈记——Neo4j的安装与使用

本文介绍图数据库Neofj的安装与使用，操作系统：Ubuntu24.04，Neofj版本：2025.04.0。 Apt安装 Neofj可以进行官网安装：Neo4j Deployment Center - Graph Database & Analytics 我这里安装是添加软件源的方法 最新版…...

编程新知 2026/2/8 4:37:08

MySQL 隔离级别：脏读、幻读及不可重复读的原理与示例

一、MySQL 隔离级别 MySQL 提供了四种隔离级别，用于控制事务之间的并发访问以及数据的可见性，不同隔离级别对脏读、幻读、不可重复读这几种并发数据问题有着不同的处理方式，具体如下： 隔离级别脏读不可重复读幻读性能特点及锁机制读未提交（READ UNCOMMITTED）允许出现允许…...

编程新知 2025/9/16 21:01:58

如何为服务器生成TLS证书

TLS（Transport Layer Security）证书是确保网络通信安全的重要手段，它通过加密技术保护传输的数据不被窃听和篡改。在服务器上配置TLS证书，可以使用户通过HTTPS协议安全地访问您的网站。本文将详细介绍如何在服务器上生成一个TLS证…...

编程新知 2025/12/17 5:54:30

vue3 定时器-定义全局方法 vue+ts

1.创建ts文件 路径&#xff1a;src/utils/timer.ts 完整代码&#xff1a; import { onUnmounted } from vuetype TimerCallback (...args: any[]) > voidexport function useGlobalTimer() {const timers: Map<number, NodeJS.Timeout> new Map()// 创建定时器con…...

编程新知 2025/8/9 0:31:20

回溯算法学习

一、电话号码的字母组合 import java.util.ArrayList; import java.util.List;import javax.management.loading.PrivateClassLoader;public class letterCombinations {private static final String[] KEYPAD {"", //0"", //1"abc", //2"…...

编程新知 2026/1/24 12:01:38

SpringAI实战：ChatModel智能对话全解

一、引言&#xff1a;Spring AI 与 Chat Model 的核心价值 &#x1f680; 在 Java 生态中集成大模型能力&#xff0c;Spring AI 提供了高效的解决方案 &#x1f916;。其中 Chat Model 作为核心交互组件&#xff0c;通过标准化接口简化了与大语言模型&#xff08;LLM&#xff0…...

编程新知 2025/9/27 0:41:04

【FTP】ftp文件传输会丢包吗？批量几百个文件传输，有一些文件没有传输完整，如何解决？

FTP&#xff08;File Transfer Protocol&#xff09;本身是一个基于 TCP 的协议&#xff0c;理论上不会丢包。但 FTP 文件传输过程中仍可能出现文件不完整、丢失或损坏的情况&#xff0c;主要原因包括&#xff1a; ✅ 一、FTP传输可能“丢包”或文件不完整的原因 原因描述网络…...

编程新知 2025/8/17 3:31:21

jdbc查询mysql数据库时，出现id顺序错误的情况

我在repository中的查询语句如下所示&#xff0c;即传入一个List<intager>的数据&#xff0c;返回这些id的问题列表。但是由于数据库查询时ID列表的顺序与预期不一致&#xff0c;会导致返回的id是从小到大排列的&#xff0c;但我不希望这样。 Query("SELECT NEW com…...

编程新知 2026/2/4 19:50:05

海云安高敏捷信创白盒SCAP入选《中国网络安全细分领域产品名录》

近日&#xff0c;嘶吼安全产业研究院发布《中国网络安全细分领域产品名录》&#xff0c;海云安高敏捷信创白盒&#xff08;SCAP&#xff09;成功入选软件供应链安全领域产品名录。 在数字化转型加速的今天&#xff0c;网络安全已成为企业生存与发展的核心基石&#xff0c;为了解…...

编程新知 2026/2/8 13:00:10