最近接到一个任务,需要H5和游戏整合,方案是H5里面通过iframe引入游戏,两者之间需要通信,比如通知游戏开始,结束,再来一局、、、、、
其实大部分情况都比较顺利
A页面通过iframe引入B页面,
A给B发消息的话,需要先获取iframe元素,然后再onload之后,才能发送消息,不然会报错
下面的iframeEl就是获取到的dom元素,msg就是传递的信息,url就是iframe页面的域名这里其实是可以跨域的,但是本地测试不要用localhost域名,用http的域名就可以。
iframeEl.contentWindow.postMessage(msg, iframeUrl)