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);
目录
相关文章
|
4月前
|
JavaScript 索引
用原生js的postMessage实现iframe传值,也可以用于跨域嵌套iframe传值
用原生js的postMessage实现iframe传值,也可以用于跨域嵌套iframe传值
用原生js的postMessage实现iframe传值,也可以用于跨域嵌套iframe传值
|
5月前
|
JavaScript
iframe子页面获取父页面元素,或父页面获取iframe子页面的元素
iframe子页面获取父页面元素,或父页面获取iframe子页面的元素
Iframe父页面子页面通信
Iframe父页面子页面通信
|
JavaScript
简单vue父子iframe页面之间跨域通信传值postMessage()
简单vue父子iframe页面之间跨域通信传值postMessage()
815 0
关于iframe页面里的重定向问题
    最近公司做的一个功能,使用了iframe,父页面内嵌子页面,里面的坑还挺多的,上次其实就遇到过,只不过今天在此描述一下。     请允许我画个草图:          外层大圈是父级页面,里层是子级页面,我们是在父级引用子级页面的,由于是两个页面,URL肯定不一样的,“一般的,在子页面做的操作也仅仅对子页面生效”,现在我要说的就是关于这一点的!     公司这个功能,在子级页面完成某个操作以后,需要跳转页面,于是子级页面的代码是这样写的:提交=>提交成功=>跳转B页面。
4463 0