如何分析使用JS实现iframe子父页面跨域通信的技术细节？

本文共计818个文字，预计阅读时间需要4分钟。

原文示例：本文实例讲述了JS实现iframe中子父页面跨域通讯的方法。分享给广大家长供家长参考，具体如下：

在非跨域的情况下，iframe中的子父页面可以很方便地进行通讯，但跨域的情况下，只能通过postMessage进行通讯。

本文实例讲述了JS实现iframe中子父页面跨域通讯的方法。分享给大家供大家参考，具体如下：

在非跨域的情况下，iframe中的子父页面可以很方便的通讯，但是在跨域的情况下，只能通过window.postMessage()方法来向其他页面发送信息，其他页面要通过window.addEventListener()监听事件来接收信息；

#跨域发送信息

#window.postMessage()语法

otherWindow.postMessage(message, targetOrigin, [transfer]);

• otherWindow
  其他窗口的一个引用，写的是你要通信的window对象。
  例如：在iframe中向父窗口传递数据时，可以写成window.parent.postMessage()，window.parent表示父窗口。