iframe标签可以实现html主页面嵌套html子页面,那么父子页面间的传值是怎么进行的呢?
① 父页面监听iframe消息:
window.addEventListener('message', receiveMessageIframePage, false);
② 父页面发送给iframe页面的消息:
iframe.contentWindow.postMessage({ type: 'boundFileKeys', data: "消息内容体" }, '*');
③ iframe页面监听父页面发过来的消息:文章来源:https://www.toymoban.com/news/detail-515417.html
window.addEventListener('message', onMessage, false);
④ iframe页面给父页面发送消息:文章来源地址https://www.toymoban.com/news/detail-515417.html
window.parent.postMessage({ type: 'check', data: ["自定义需要发送的数据"] }, '*');
到了这里,关于iframe之间的通信的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!