postMess-跨域通信

场景

• 红框里面是我们的系统，被别人通过iframe嵌入，现在需要实现两个系统通信

实现

• 采用postMessage进行通信

• 别人向我们系统发送消息时的代码，这两个地址需要一致

• 我们系统接受消息的代码

        window.addEventListener("message", (e) => {
            console.log(e);
        });

总结

• 注意使用的是window.postMessage还是iframe.contentWindow.postMessage，弄错了会导致接收不到消息

• 参考文章-CSDN

• 参考文章-MDN