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);
目录
相关文章
|
2月前
iframe的父子页面通信
【10月更文挑战第2天】
95 2
|
7月前
|
JavaScript 索引
用原生js的postMessage实现iframe传值,也可以用于跨域嵌套iframe传值
用原生js的postMessage实现iframe传值,也可以用于跨域嵌套iframe传值
用原生js的postMessage实现iframe传值,也可以用于跨域嵌套iframe传值
|
JavaScript
iframe子页面获取父页面元素,或父页面获取iframe子页面的元素
iframe子页面获取父页面元素,或父页面获取iframe子页面的元素
189 0
|
JavaScript 定位技术
vue父页面给iframe子页面传值
vue父页面给iframe子页面传值
194 0
|
JavaScript
vue使用iframe 子页面调用父页面的方法
vue使用iframe 子页面调用父页面的方法
146 0
|
人工智能 自然语言处理 JavaScript
vue 父组件将异步请求回来的数据传递给子组件,子组件props可以接收到,但是没有值
vue 父组件将异步请求回来的数据传递给子组件,子组件props可以接收到,但是没有值
84 0
|
JavaScript
简单vue父子iframe页面之间跨域通信传值postMessage()
简单vue父子iframe页面之间跨域通信传值postMessage()
1002 0