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);
目录
相关文章
|
1月前
iframe的父子页面通信
【10月更文挑战第2天】
74 2
|
6月前
|
JavaScript 索引
用原生js的postMessage实现iframe传值,也可以用于跨域嵌套iframe传值
用原生js的postMessage实现iframe传值,也可以用于跨域嵌套iframe传值
用原生js的postMessage实现iframe传值,也可以用于跨域嵌套iframe传值
|
JavaScript
iframe子页面获取父页面元素,或父页面获取iframe子页面的元素
iframe子页面获取父页面元素,或父页面获取iframe子页面的元素
142 0
|
12月前
|
JavaScript 定位技术
vue父页面给iframe子页面传值
vue父页面给iframe子页面传值
153 0
|
JavaScript
vue使用iframe 子页面调用父页面的方法
vue使用iframe 子页面调用父页面的方法
136 0
|
JavaScript
简单vue父子iframe页面之间跨域通信传值postMessage()
简单vue父子iframe页面之间跨域通信传值postMessage()
986 0