postmessage()在同一域名下，传递消息给另一个页面
这里是同域名下，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()在同一域名下，传递消息给另一个页面
这里是同域名下，getmessage.html（发送信息）传递消息给index.html（收到信息，并回传收到信息） index.html页面 <!DOCTYPE html> <html><head><meta http-equiv"content-type"…...
初始redis：在Ubuntu上安装redis
1.先切换到root用户 使用su命令切换到root 2.使用apt命令来搜索redis相关的软件包 命令：apt search redis 3.下载redis 命令： apt install redis 在Ubuntu 20.04中 ，下载的redis版本是redis5 4.查看redis状态 命令： netst…...
生物素结合金纳米粒子（Bt@Au-NPs ） biotin-conjugated Au-NPs
一、定义与特点 定义：生物素结合金纳米粒子，简称BtAu-NPs或biotin-conjugated Au-NPs，是指通过特定的化学反应或物理方法将生物素修饰到金纳米粒子表面，形成稳定的纳米复合材料。 特点： 高稳定性：生物素的修…...
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…...
PyJWT，一个基于JSON的轻量级安全通信方式的python库
目录 什么是JWT？ JWT的构成 PyJWT库简介 安装PyJWT 生成JWT 验证JWT 使用PyJWT的高级功能 自定义Claims 错误处理 结语 什么是JWT？ 在介绍PyJWT这个Python库之前，我们首先需要了解什么是JWT。JWT，全称JSON Web Token&am…...
Golang | Leetcode Golang题解之第223题矩形面积
题目： 题解： 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)…...
新手怎么使用GitLab?
GitLab新手指南: GitLab 是一个非常强大的版本控制和项目管理平台，对于新手来说，开始使用可能会有些许挑战，但只要跟着以下步骤，相信你就能很快上手。 1. 注册与登录 访问网站：打开浏览器，访问 GitLab官网…...
表情包原理
https://unicode.org/Public/emoji/12.1/emoji-zwj-sequences.txt emoji 编码规则介绍_emoji编码-CSDN博客 UTS #51: Unicode Emoji C UTF-8编解码-CSDN博客 创作不易，小小的支持一下吧！...
技术难点思考SpringBoot如何集成Jmeter开发
技术难点思考SpringBoot如何集成Jmeter开发 需求概述 构建一个高性能的压测平台，该平台需通过Spring Boot框架调用JMeter进行自动化压力测试。 解决方案一：使用Runtime类调用外部进程 技术概述 Java的Runtime类提供了与操作系统交互的接口࿰…...
如何快速使用C语言操作sqlite3
itopen组织1、提供OpenHarmony优雅实用的小工具2、手把手适配riscv qemu linux的三方库移植3、未来计划riscv qemu ohos的三方库移植 小程序开发4、一切拥抱开源，拥抱国产化 一、sqlite3库介绍 sqlite3库可从官网下载，当前版本为sqlite3 3.45.3ht…...
网络模型介绍
网络模型在网络领域中主要指的是用于描述计算机网络系统功能的各种框架，其中最具代表性的两种模型是OSI七层参考模型和TCP/IP四层参考模型。以下是对这两种网络模型的详细解析： 一、OSI七层参考模型 OSI（Open System Interconnection&#…...
 and ByteRace 2024)
Codeforces Round #956 (Div. 2) and ByteRace 2024
A题：Array Divisibility 思路： 大水题 code： inline void solve() {int n; cin >> n;for (int i 1; i < n; i ) {cout << i << " \n"[i n];}return; } B题：Corner Twist 思路࿱…...
域名、网页、HTTP概述
目录 域名 概念 域名空间结构 域名注册 网页 概念 网站 主页 域名 HTTP URL URN URI HTML 超链接 发布 HTML HTML的结构 静态网页 特点 动态网页 特点 Web HTTP HTTP方法 GET方法 POST方法 HTTP状态码 生产环境下常见的HTTP状态码 域名 概念 IP地…...
Redisson分布式锁、可重入锁
介绍Redisson 什么是 Redisson？来自于官网上的描述内容如下！ Redisson 是一个在 Redis 的基础上实现的 Java 驻内存数据网格客户端（In-Memory Data Grid）。它不仅提供了一系列的 redis 常用数据结构命令服务，还提供了…...
适合宠物饮水机的光电传感器有哪些
如今，随着越来越多的人选择养宠物，宠物饮水机作为一种便捷的饮水解决方案日益受到欢迎。为了确保宠物随时能够获得足够的水源，宠物饮水机通常配备了先进的光电液位传感器技术。 光电液位传感器在宠物饮水机中起着关键作用，主要用…...
『Python学习笔记』Python运行设置PYTHONPATH环境变量！
Python运行设置PYTHONPATH环境变量！ 文章目录 一. Python运行设置PYTHONPATH环境变量！1. 解释2. 为什么有用3. 示例4. vscode配置 一. Python运行设置PYTHONPATH环境变量！ export PYTHONPATH$(pwd) 是一个命令，用于将当前目录添…...
2024年06月CCF-GESP编程能力等级认证Python编程三级真题解析
本文收录于专栏《Python等级认证CCF-GESP真题解析》，专栏总目录：点这里，订阅后可阅读专栏内所有文章。 一、单选题（每题 2 分，共 30 分） 第 1 题 小杨父母带他到某培训机构给他报名参加CCF组织的GESP认证…...
代码随想录算法训练营：20/60
非科班学习算法day20 | LeetCode235:二叉搜索树的最近公共祖先 ，Leetcode701:二叉树的插入操作 ，Leetcode450:删除二叉搜索树的节点 介绍 包含LC的两道题目，还有相应概念的补充。 相关图解和更多版本： 代码随想录 (programmer…...
Apache Seata应用侧启动过程剖析——RM TM如何与TC建立连接
本文来自 Apache Seata官方文档，欢迎访问官网，查看更多深度文章。 本文来自 Apache Seata官方文档，欢迎访问官网，查看更多深度文章。 Apache Seata应用侧启动过程剖析——RM & TM如何与TC建立连接 前言 看过官网 README 的第…...
Origin 的使用
官网：OriginLab - Origin and OriginPro - Data Analysis and Graphing Software 安装：Origin2022最新最详细的安装教程 学生免费：Origin 官方正版免费续期教程 更改语言：解决OriginPro2024学生版本的更改中文change language灰…...
KubeSphere 容器平台高可用：环境搭建与可视化操作指南
Linux_k8s篇 欢迎来到Linux的世界，看笔记好好学多敲多打，每个人都是大神！ 题目：KubeSphere 容器平台高可用：环境搭建与可视化操作指南 版本号: 1.0,0 作者: 老王要学习 日期: 2025.06.05 适用环境: Ubuntu22 文档说…...
日语AI面试高效通关秘籍：专业解读与青柚面试智能助攻
在如今就业市场竞争日益激烈的背景下，越来越多的求职者将目光投向了日本及中日双语岗位。但是，一场日语面试往往让许多人感到步履维艰。你是否也曾因为面试官抛出的“刁钻问题”而心生畏惧？面对生疏的日语交流环境，即便提前恶补了…...
PPT|230页| 制造集团企业供应链端到端的数字化解决方案：从需求到结算的全链路业务闭环构建
制造业采购供应链管理是企业运营的核心环节，供应链协同管理在供应链上下游企业之间建立紧密的合作关系，通过信息共享、资源整合、业务协同等方式，实现供应链的全面管理和优化，提高供应链的效率和透明度，降低供应链的成…...
1.3 VSCode安装与环境配置
进入网址Visual Studio Code - Code Editing. Redefined下载.deb文件，然后打开终端，进入下载文件夹，键入命令 sudo dpkg -i code_1.100.3-1748872405_amd64.deb 在终端键入命令code即启动vscode 需要安装插件列表 1.Chinese简化 2.ros …...
反射获取方法和属性
Java反射获取方法 在Java中，反射（Reflection）是一种强大的机制，允许程序在运行时访问和操作类的内部属性和方法。通过反射，可以动态地创建对象、调用方法、改变属性值，这在很多Java框架中如Spring和Hiberna…...
MySQL 8.0 OCP 英文题库解析（十三）
Oracle 为庆祝 MySQL 30 周年，截止到 2025.07.31 之前。所有人均可以免费考取原价245美元的MySQL OCP 认证。 从今天开始，将英文题库免费公布出来，并进行解析，帮助大家在一个月之内轻松通过OCP认证。 本期公布试题111~120 试题1…...
【HTTP三个基础问题】
面试官您好！HTTP是超文本传输协议，是互联网上客户端和服务器之间传输超文本数据（比如文字、图片、音频、视频等）的核心协议，当前互联网应用最广泛的版本是HTTP1.1，它基于经典的C/S模型，也就是客…...
自然语言处理——循环神经网络
自然语言处理——循环神经网络 循环神经网络应用到基于机器学习的自然语言处理任务序列到类别同步的序列到序列模式异步的序列到序列模式 参数学习和长程依赖问题基于门控的循环神经网络门控循环单元（GRU）长短期记忆神经网络（LSTM）…...
大学生职业发展与就业创业指导教学评价
这里是引用 作为软工2203/2204班的学生，我们非常感谢您在《大学生职业发展与就业创业指导》课程中的悉心教导。这门课程对我们即将面临实习和就业的工科学生来说至关重要，而您认真负责的教学态度，让课程的每一部分都充满了实用价值。 尤其让我…...
html css js网页制作成品——HTML+CSS榴莲商城网页设计（4页）附源码
目录 一、👨🎓网站题目 二、✍️网站描述 三、📚网站介绍 四、🌐网站效果 五、🪓 代码实现 🧱HTML 六、🥇 如何让学习不再盲目 七、🎁更多干货 一、👨…...