原生iframe 父子页面通讯

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 个人博客 所有，欢迎分享本文，转载请保留出处，谢谢！