iframe标签可以实现html主页面嵌套html子页面,那么父子页面间的传值是怎么进行的呢?
① 父页面监听iframe消息:

window.addEventListener('message', receiveMessageIframePage, false);

② 父页面发送给iframe页面的消息:

iframe.contentWindow.postMessage({ type: 'boundFileKeys', data: "消息内容体" }, '*');

③ iframe页面监听父页面发过来的消息:

window.addEventListener('message', onMessage, false); 

④ iframe页面给父页面发送消息:

window.parent.postMessage({ type: 'check',  data: ["自定义需要发送的数据"] }, '*')
Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐