iframe搭配postmessage传递消息

最近接到一个任务,需要H5和游戏整合,方案是H5里面通过iframe引入游戏,两者之间需要通信,比如通知游戏开始,结束,再来一局、、、、、

其实大部分情况都比较顺利

A页面通过iframe引入B页面,

A给B发消息的话,需要先获取iframe元素,然后再onload之后,才能发送消息,不然会报错

 下面的iframeEl就是获取到的dom元素,msg就是传递的信息,url就是iframe页面的域名这里其实是可以跨域的,但是本地测试不要用localhost域名,用http的域名就可以。 

iframeEl.contentWindow.postMessage(msg, iframeUrl)




原文地址:https://www.cnblogs.com/ysla/p/15522393.html