weixin_43589827的博客

日常开发中可能遇到一种需求，需要我们在某个页面执行了某些操作，同时要同步操作到另一个页面，比如访问某音乐网站，打开某首音乐新开一个页面听歌，再回到原来的页面切换其它歌时，播放音乐的页面也要同步切换到对应的歌曲。

在开发过程中，经常会遇到将部署不同域上的页面进行嵌套，有点类似早期的微前端开发，其中我们最常用的就是 iframe 来处理这样的需求，这就无可避免的要遇到一些 iframe 之间的通讯问题，若是 嵌入的 iframe 不是跨域的通讯是没问题，但是若是部署在其它环境上的页面，在进行通讯的时候会发现有跨域问题，这时候就需要用到我们 HTML5 自带的 postmessage 方法了发送信息otherWindow.postMessage(message, targetOrigin, [transfer]);