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

`postMessage` 是一种允许不同源的文档之间进行通信的方式。当iframe和父页面不是同源时，可以通过 `postMessage` 方法安全地实现跨源数据传递。以下是使用 `postMessage` 实现父页面获取子页面数据的基本步骤：

1. 确保子页面设置好接收消息的处理函数。在子页面的脚本中，你需要添加事件监听器来监听 `message` 事件，并对其作出响应。

// 子页面代码
window.addEventListener('message', function(event) {
    // 检查消息来源是否可信（例如，可以检查event.origin是否符合预期）
    if (event.origin === '父页面地址') {
        // 根据需要向父页面发送数据
        event.source.postMessage(要发送的数据, event.origin);
    }
});

2. 父页面中，当你想要从子页面获取数据时，需要向子页面发送一条消息，并传入 `postMessage` 方法。

// 父页面代码
var iframe = document.getElementById('子页面iframe的ID');
iframe.contentWindow.postMessage('要发送的消息', '子页面的源地址');

3. 子页面接收到父页面发送的消息后，如果有必要，可以对消息进行处理，并使用 `postMessage` 将数据回传给父页面。

4. 父页面需要设置监听消息的事件处理器来接收子页面回传的数据。

// 父页面代码
window.addEventListener('message', function(event) {
    // 处理来自子页面的消息
    console.log('从子页面接收到的数据:', event.data);
    // 注意：event.origin 也可以用来验证消息来源，确保安全性
});

需要注意的是，使用 `postMessage` 进行跨源通信时，安全是非常重要的一个考虑因素。你应该始终验证消息的来源，确保你只接受来自预期源的消息，并且在 `postMessage` 方法的第二个参数中指定消息可以发送到的源，以限制通信的范围。