当iframe和父页面不是同源时，如何使用postMessage实现子页面获取父页面的数据

当iframe和父页面不是同源时，我们可以通过`postMessage`方法实现安全的数据传输。`postMessage`是HTML5提供的一个JavaScript API，允许跨源通信。具体操作步骤如下：

1. 在父页面上，向iframe发送消息，代码示例如下：

   var iframe = document.getElementById('childFrame');
   iframe.contentWindow.postMessage('要发送的数据', '允许通信的域');

这里的`'要发送的数据'`是你想发送给子页面的信息，而`'允许通信的域'`是子页面的源（origin），即子页面的协议、域名和端口号。

2. 在iframe内部，监听`message`事件，接收父页面发送过来的消息，代码示例如下：

   window.addEventListener('message', function(event) {
       // 获取发送来的数据
       var data = event.data;
       // 获取发送者的源（origin）
       var origin = event.origin;
       // 根据需要处理数据
       console.log(data);
   }, false);

在`message`事件处理函数中，`event.data`包含了发送过来的数据，`event.origin`则表示发送者的源。

需要注意的是，为了安全起见，`postMessage`接受的源参数应当是具体且可信的，避免使用通配符`*`，并且在子页面中应当检查`event.origin`，确保消息确实来自预期的源。