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

postmessage()在同一域名下，传递消息给另一个页面

news 2026/6/3 0:02:15

这里是同域名下，getmessage.html（发送信息）传递消息给index.html（收到信息，并回传收到信息）
index.html页面

<!DOCTYPE html>
<html><head><meta http-equiv="content-type" content="text/html charset=utf-8"/><title>javascript变量声明的一些测试</title><link rel="stylesheet" href="styles.css"/></head><body><div id="firstdiv" style="width:900px;text-align: center;border:10px solid blue"><form id="form1" action="" method="post">  <input type="button" name="submit1" value="提交"/></form> <p id="msg"></p></div>    </body><script type="text/javascript" src="test.js"></script></html>

这里 是index.html页面中的test.js代码

const btn=document.getElementsByName('submit1');btn[0].addEventListener('click',()=>{let popup=window.open('getmessage.html');window.addEventListener('message',function(e){console.log(e);if(e.origin!='http://xuejs.xyz')return;//这里收到发来的信息，并显示document.getElementById('msg').innerHTML=e.data;e.source.postMessage('收到信息',e.origin);})
});

//这里是getmessage.html页面

<!DOCTYPE html>
<html><head><meta http-equiv="content-type" content="text/html charset=utf-8"/><title>接收postmessage传来的信息</title><script type="text/javascript" src="eventutil.js"></script></style></head><body><p id="getmsg">waiting for message...</p></body><script type="text/javascript">//window.opener表示打开getmessage.html页面的父页面
//这里用postMessage()传递了一条消息给index.htmlwindow.opener.postMessage('super window 接收到一条消息','/');//下面是接收index.html收到页面后的回传信息window.addEventListener('message',(e)=>{console.log(e);if(e.origin!='http://xuejs.xyz')return;console.log(e.data);});</script></html>

相关文章：

postmessage()在同一域名下，传递消息给另一个页面

这里是同域名下&#xff0c;getmessage.html&#xff08;发送信息&#xff09;传递消息给index.html&#xff08;收到信息&#xff0c;并回传收到信息&#xff09; index.html页面 <!DOCTYPE html> <html><head><meta http-equiv"content-type"…...

编程日记 2024/7/9 6:52:38

初始redis：在Ubuntu上安装redis

1.先切换到root用户 使用su命令切换到root 2.使用apt命令来搜索redis相关的软件包 命令&#xff1a;apt search redis 3.下载redis 命令&#xff1a; apt install redis 在Ubuntu 20.04中 &#xff0c;下载的redis版本是redis5 4.查看redis状态 命令&#xff1a; netst…...

编程日记 2024/7/9 6:50:36

生物素结合金纳米粒子（Bt@Au-NPs ） biotin-conjugated Au-NPs

一、定义与特点 定义&#xff1a;生物素结合金纳米粒子&#xff0c;简称BtAu-NPs或biotin-conjugated Au-NPs&#xff0c;是指通过特定的化学反应或物理方法将生物素修饰到金纳米粒子表面&#xff0c;形成稳定的纳米复合材料。 特点&#xff1a; 高稳定性&#xff1a;生物素的修…...

编程日记 2024/7/9 6:49:34

LeetCode热题100刷题9：25. K 个一组翻转链表、101. 对称二叉树、543. 二叉树的直径、102. 二叉树的层序遍历

25. K 个一组翻转链表 /*** Definition for singly-linked list.* struct ListNode {* int val;* ListNode *next;* ListNode() : val(0), next(nullptr) {}* ListNode(int x) : val(x), next(nullptr) {}* ListNode(int x, ListNode *next) : val(x), nex…...

编程日记 2024/7/9 6:47:32

PyJWT，一个基于JSON的轻量级安全通信方式的python库

目录 什么是JWT&#xff1f; JWT的构成 PyJWT库简介 安装PyJWT 生成JWT 验证JWT 使用PyJWT的高级功能 自定义Claims 错误处理 结语 什么是JWT&#xff1f; 在介绍PyJWT这个Python库之前&#xff0c;我们首先需要了解什么是JWT。JWT&#xff0c;全称JSON Web Token&am…...

编程日记 2024/7/9 6:46:31

Golang | Leetcode Golang题解之第223题矩形面积

题目&#xff1a; 题解&#xff1a; func computeArea(ax1, ay1, ax2, ay2, bx1, by1, bx2, by2 int) int {area1 : (ax2 - ax1) * (ay2 - ay1)area2 : (bx2 - bx1) * (by2 - by1)overlapWidth : min(ax2, bx2) - max(ax1, bx1)overlapHeight : min(ay2, by2) - max(ay1, by1)…...

编程日记 2024/7/9 6:45:29

新手怎么使用GitLab?

GitLab新手指南: GitLab 是一个非常强大的版本控制和项目管理平台&#xff0c;对于新手来说&#xff0c;开始使用可能会有些许挑战&#xff0c;但只要跟着以下步骤&#xff0c;相信你就能很快上手。 1. 注册与登录 访问网站&#xff1a;打开浏览器&#xff0c;访问 GitLab官网…...

编程日记 2024/7/9 6:43:27

表情包原理

https://unicode.org/Public/emoji/12.1/emoji-zwj-sequences.txt emoji 编码规则介绍_emoji编码-CSDN博客 UTS #51: Unicode Emoji C UTF-8编解码-CSDN博客 创作不易&#xff0c;小小的支持一下吧&#xff01;...

编程日记 2024/7/9 6:42:26

技术难点思考SpringBoot如何集成Jmeter开发

技术难点思考SpringBoot如何集成Jmeter开发 需求概述 构建一个高性能的压测平台&#xff0c;该平台需通过Spring Boot框架调用JMeter进行自动化压力测试。 解决方案一&#xff1a;使用Runtime类调用外部进程 技术概述 Java的Runtime类提供了与操作系统交互的接口&#xff0…...

编程日记 2024/7/9 6:41:25

如何快速使用C语言操作sqlite3

itopen组织1、提供OpenHarmony优雅实用的小工具2、手把手适配riscv qemu linux的三方库移植3、未来计划riscv qemu ohos的三方库移植 小程序开发4、一切拥抱开源&#xff0c;拥抱国产化 一、sqlite3库介绍 sqlite3库可从官网下载&#xff0c;当前版本为sqlite3 3.45.3ht…...

编程日记 2024/7/9 6:39:22

网络模型介绍

网络模型在网络领域中主要指的是用于描述计算机网络系统功能的各种框架&#xff0c;其中最具代表性的两种模型是OSI七层参考模型和TCP/IP四层参考模型。以下是对这两种网络模型的详细解析&#xff1a; 一、OSI七层参考模型 OSI&#xff08;Open System Interconnection&#…...

编程日记 2024/7/9 6:38:21

Codeforces Round #956 (Div. 2) and ByteRace 2024

A题&#xff1a;Array Divisibility 思路&#xff1a; 大水题 code&#xff1a; inline void solve() {int n; cin >> n;for (int i 1; i < n; i ) {cout << i << " \n"[i n];}return; } B题&#xff1a;Corner Twist 思路&#xff1…...

编程日记 2024/7/9 6:37:20

域名、网页、HTTP概述

目录 域名 概念 域名空间结构 域名注册 网页 概念 网站 主页 域名 HTTP URL URN URI HTML 超链接 发布 HTML HTML的结构 静态网页 特点 动态网页 特点 Web HTTP HTTP方法 GET方法 POST方法 HTTP状态码 生产环境下常见的HTTP状态码 域名 概念 IP地…...

编程日记 2024/7/9 6:36:18

Redisson分布式锁、可重入锁

介绍Redisson 什么是 Redisson&#xff1f;来自于官网上的描述内容如下&#xff01; Redisson 是一个在 Redis 的基础上实现的 Java 驻内存数据网格客户端&#xff08;In-Memory Data Grid&#xff09;。它不仅提供了一系列的 redis 常用数据结构命令服务&#xff0c;还提供了…...

编程日记 2024/7/9 6:34:15

适合宠物饮水机的光电传感器有哪些

如今&#xff0c;随着越来越多的人选择养宠物&#xff0c;宠物饮水机作为一种便捷的饮水解决方案日益受到欢迎。为了确保宠物随时能够获得足够的水源&#xff0c;宠物饮水机通常配备了先进的光电液位传感器技术。 光电液位传感器在宠物饮水机中起着关键作用&#xff0c;主要用…...

编程日记 2024/7/9 6:32:13

『Python学习笔记』Python运行设置PYTHONPATH环境变量！

Python运行设置PYTHONPATH环境变量&#xff01; 文章目录 一. Python运行设置PYTHONPATH环境变量&#xff01;1. 解释2. 为什么有用3. 示例4. vscode配置 一. Python运行设置PYTHONPATH环境变量&#xff01; export PYTHONPATH$(pwd) 是一个命令&#xff0c;用于将当前目录添…...

编程日记 2024/7/9 6:31:12

2024年06月CCF-GESP编程能力等级认证Python编程三级真题解析

本文收录于专栏《Python等级认证CCF-GESP真题解析》&#xff0c;专栏总目录&#xff1a;点这里&#xff0c;订阅后可阅读专栏内所有文章。 一、单选题&#xff08;每题 2 分&#xff0c;共 30 分&#xff09; 第 1 题 小杨父母带他到某培训机构给他报名参加CCF组织的GESP认证…...

编程日记 2024/7/9 6:30:11

代码随想录算法训练营：20/60

非科班学习算法day20 | LeetCode235:二叉搜索树的最近公共祖先 &#xff0c;Leetcode701:二叉树的插入操作 &#xff0c;Leetcode450:删除二叉搜索树的节点 介绍 包含LC的两道题目&#xff0c;还有相应概念的补充。 相关图解和更多版本&#xff1a; 代码随想录 (programmer…...

编程日记 2024/7/9 6:26:07

Apache Seata应用侧启动过程剖析——RM TM如何与TC建立连接

本文来自 Apache Seata官方文档&#xff0c;欢迎访问官网&#xff0c;查看更多深度文章。 本文来自 Apache Seata官方文档&#xff0c;欢迎访问官网&#xff0c;查看更多深度文章。 Apache Seata应用侧启动过程剖析——RM & TM如何与TC建立连接 前言 看过官网 README 的第…...

编程日记 2024/7/9 6:25:06

Origin 的使用

官网&#xff1a;OriginLab - Origin and OriginPro - Data Analysis and Graphing Software 安装&#xff1a;Origin2022最新最详细的安装教程 学生免费&#xff1a;Origin 官方正版免费续期教程 更改语言&#xff1a;解决OriginPro2024学生版本的更改中文change language灰…...

编程日记 2024/7/9 6:24:05

FT231XQ USB串口桥接板设计解析与实战应用指南

1. 项目概述&#xff1a;从FT232R到FT231XQ的USB串口桥接板演进在嵌入式开发和硬件调试的日常工作中&#xff0c;一个可靠、小巧且功能清晰的USB转串口&#xff08;UART&#xff09;桥接板&#xff08;Breakout Board&#xff0c; 简称BoB&#xff09;几乎是工程师手边的标配工…...

编程新知 2026/5/26 0:01:56

Windows开机自动全屏打开指定网页？一个快捷方式参数就搞定（Chrome/Edge/Firefox教程）

Windows开机自动全屏展示网页的终极方案每次开机都要手动打开浏览器、输入网址、切换全屏模式&#xff1f;这种重复操作不仅浪费时间&#xff0c;还容易在重要演示时手忙脚乱。想象一下&#xff1a;电脑启动后自动全屏显示你的仪表盘、会议日程或是监控大屏&#xff0c;整个过程…...

编程新知 2026/5/25 20:14:00

【C++】零基础入门 · 第 6 节：数组

上一节我们学习了函数，知道了如何把代码封装起来方便复用。但在实际编程中，你很快就会遇到一个问题：如果要存储 100 个学生的成绩，难道要定义 100 个变量吗？这显然不现实。数组就是 C++ 给出的答案——它让我们能用一个变量名管理一组相同类型的数据。 1. 为什么需要数组…...

编程新知 2026/5/25 17:04:10

智能体任务分配算法：从启发式到深度强化学习的演进与实践

1. 项目概述&#xff1a;从“谁来做”到“如何做得更好”的智能进化在机器人集群、无人机编队或是自动化仓储系统中&#xff0c;我们常常面临一个看似简单实则复杂的问题&#xff1a;眼前有一堆任务&#xff0c;手头有一群可用的智能体&#xff08;机器人、无人机、服务器等&am…...

编程新知 2026/5/25 15:52:16

内存申请和使用的场景分析(以AP-＞kernal-＞ISP为例)

在 ISP&#xff08;Image Signal Processor&#xff09;系统中&#xff0c;AP 与 ISP 之间的内存交互本质上是一个**“AP 申请可 DMA 访问的共享内存 → 内核建立映射 → 硬件寻址读写 → 同步与回收”**的过程。下面按数据流分层详细拆解。一、ISP 内存需求的特殊性 与普通应用…...

编程新知 2026/5/25 15:45:48

MNE-Python 第9天学习笔记：源定位基础

一、什么是源定位&#xff1f; 1.1 通俗理解 到目前为止&#xff0c;我们分析的是"头皮上的脑电"&#xff1a;头皮电极 → 记录头皮表面的电位↓这就像在地球表面测量地震波我们想知道的是&#xff1a;震源在哪里&#xff1f;多深&#xff1f;源定位 从头皮电位反推…...

编程新知 2026/5/25 15:30:12

ABS+神经网络：端到端宇宙学参数推断新范式解析

1. 项目概述&#xff1a;当ABS遇上神经网络&#xff0c;一个端到端宇宙学参数推断新范式的诞生 在宇宙学研究的核心地带&#xff0c;有一项任务既令人着迷又充满挑战&#xff1a;如何从宇宙微波背景&#xff08;CMB&#xff09;这张宇宙婴儿时期的“照片”中&#xff0c;精准地…...

编程新知 2026/5/25 14:17:39

多智能体协作系统：2026年企业级AI应用的核心架构范式

引言：AI Agent从单兵作战到团队协作的范式跃迁 2026年，人工智能领域正在经历一场深刻的架构变革。回想2024年，当ChatGPT、Claude等大语言模型横空出世时，我们惊叹于单个AI模型的强大能力。然而，随着企业级应用的深入，单一AI Agent的局限性日益凸显：它无法同时处理多领域…...

编程新知 2026/5/25 12:48:50

保姆级教程：用Prometheus Operator在K8S里一键搞定监控全家桶（附Grafana仪表盘）

云原生监控革命&#xff1a;用Prometheus Operator构建K8S智能监控体系 当Kubernetes集群规模突破50个节点时&#xff0c;传统监控方案的维护成本会呈指数级增长。我曾亲眼见证一个电商团队在"黑五"大促期间&#xff0c;因为手动配置的Prometheus抓取规则失效&#x…...

编程新知 2026/5/25 12:31:12

Unity扁平按钮图标资源包：6000+可编程UI原子组件

1. 这不是“图标库”&#xff0c;而是一套UI开发加速器&#xff1a;为什么6000扁平按钮图标能真正缩短两周工期你有没有经历过这样的场景&#xff1a;凌晨两点&#xff0c;UI原型刚定稿&#xff0c;PM甩来一句“明天晨会要跑通主流程Demo”&#xff0c;而你的Unity工程里——按…...

编程新知 2026/5/25 10:41:51