iframe父页面跨域向子页面传递消息

简介: iframe父页面跨域向子页面传递消息

使用H5的postMessage()方法

嵌入iframe的父页面

//指定iframe
var iframe = document.getElementById("myiframe").contentWindow;
//发送的消息
var msg = 1;
//嵌入iframe的域名 *表示允许所有域名
var childDomain = "https://api.ehuier.com";

iframe.postMessage(msg, childDomain);

iframe子页面

window.addEventListener('message', function (e) {
//接收消息
    if (e.data == 1) {
        待执行逻辑
    }
}, false);
目录
相关文章
|
缓存 移动开发 Rust
前端构建工具 Mako 开源了
Hi,我是 sorrycc,Mako 的主要负责人之一,也是 Umi、Dva、Father 等库的作者。 很开心,Mako 终于开源了! Github 地址:https://github.com/umijs/mako/ 今天和大家正式介绍下他。
548 3
|
7月前
|
存储 NoSQL Java
【数据结构进阶】哈希表
哈希表是一种高效的数据结构,通过哈希函数实现数据映射,支持平均O(1)时间复杂度的查找、插入和删除操作。本文详细介绍了哈希表的基本概念、哈希函数的设计(如直接定址法和除留余数法)以及哈希冲突的解决方法(如开放定址法和链地址法)。同时,文章通过代码实例展示了线性探测和链地址法两种哈希表的实现过程,并分析了各自的优缺点。最后总结指出,合理选择哈希函数和冲突解决策略是优化哈希表性能的关键。
487 2
|
算法 数据可视化 搜索推荐
基于python的k-means聚类分析算法,对文本、数据等进行聚类,有轮廓系数和手肘法检验
本文详细介绍了基于Python实现的k-means聚类分析算法,包括数据准备、预处理、标准化、聚类数目确定、聚类分析、降维可视化以及结果输出的完整流程,并应用该算法对文本数据进行聚类分析,展示了轮廓系数法和手肘法检验确定最佳聚类数目的方法。
478 0
|
Linux 调度 C语言
Linux内核学习(八):linux内核配置与模块
Linux内核学习(八):linux内核配置与模块
580 0
|
算法
(Matlab)基于遗传算法、粒子群算法求解路径规划问题
(Matlab)基于遗传算法、粒子群算法求解路径规划问题
167 0
|
算法 关系型数据库 MySQL
mysql忘记密码怎么办(附免密登录和修改密码)
mysql忘记密码怎么办(附免密登录和修改密码)
6190 0
mysql忘记密码怎么办(附免密登录和修改密码)
|
安全
第一个Bug的由来
第一个Bug的由来
260 0
|
关系型数据库 MySQL 数据库
【报错】DVWA遇到Could not connect to the database service. Please check the config file. Database Error
【报错】DVWA遇到Could not connect to the database service. Please check the config file. Database Error
2124 0
|
存储 前端开发 JavaScript
【状态管理库系列】一杯咖啡的时间,学会【Mobx】
【状态管理库系列】一杯咖啡的时间,学会【Mobx】
831 0
【状态管理库系列】一杯咖啡的时间,学会【Mobx】
|
存储 Java 数据格式
数据结构 | 一文带你快速入门【哈希表】
超详细讲解数据结构 ——哈希表,配有内存原理图和架构图,带你快速入门哈希表!!!
1248 0
数据结构 | 一文带你快速入门【哈希表】

热门文章

最新文章