前端不同窗口之间通信：iframe页面、App与H5的交互

在现代Web开发中，跨窗口通信是一个常见需求，尤其是在涉及iframe嵌套页面、原生App与Webview（H5页面）交互的场景中。本文将深入探讨这些不同环境下的通信技术，包括使用iframe实现同源和跨域通信，以及App与H5页面间的通信策略。

1. iframe页面间通信

1.1 同源页面通信

对于同源的iframe页面，可以直接使用JavaScript的window.postMessage方法进行通信，或者直接通过访问父窗体或子窗体的window对象来传递信息。

使用window.postMessage

// 在父页面发送消息
var iframe = document.getElementById('myIframe');
iframe