html
复制代码 1.父页面向子页面传递值 let kiwiIframe = document.querySelector("#kiwiIframe"); kiwiIframe.contentWindow.postMessage("support_ok", "*"); 复制代码 2.子页面接受值 window.addEventListener("message", function () { // console.log(event.data); switch (event.data) { case "support_ok": console.log('????') break; } }); 复制代码 3.子页面再向父页面传递值 window.parent.postMessage("support", "*"); 复制代码 4.父页面再次接受值 window.addEventListener("message", function (event) { // console.log(event); switch (event.data) { case "support": console.log('?????') break; } }); 复制代码 作者: Bill 本文地址: http://biaoblog.cn/info?id=1645426309155 版权声明: 本文为原创文章,版权归 biaoblog 个人博客 所有,欢迎分享本文,转载请保留出处,谢谢!如何在父页面和iframe子页面之间进行通信?
最编程
2024-01-31 13:16:55
...
原生iframe 父子页面通讯
2023-01-10
61
举报
版权
版权声明:
本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写
侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。
简介:
原生iframe 父子页面通讯