iframe能否在加载完成前通过window.postMessage()接收父页面数据？

首先直接给你明确结论：不行。iframe在加载过程中（还没完成初始化时），它的全局window上下文还没建立，连message事件的监听都没法注册，更别说接收父页面发来的postMessage数据了——你发出去的消息只会石沉大海，根本没对象去接。

结合你做Adobe Analytics的场景：你需要在iframe加载完成的瞬间就把页面数据传过去，那得换个思路，不能硬等“提前发消息”，而是让数据在iframe准备好的时候就能拿到。给你两个靠谱的方案：

方案1：同源场景——直接把数据嵌入iframe内容里 #

如果你的iframe和父页面是同源的（同一个域名），最简单的办法就是在渲染iframe的时候，直接把需要的页面数据预写到iframe的内容里，比如作为全局变量或者data属性：

<!-- 父页面里渲染iframe的代码 -->
<iframe id="analyticsIframe" srcdoc='
  <script>
    // 直接把父页面的页面数据预定义成全局变量
    window.analyticsPayload = {
      pageTitle: `${document.title}`,
      pageUrl: `${window.location.href}`,
      // 其他你需要的页面详情
    };
  </script>
  <script src="/path/to/your-iframe-analytics-script.js"></script>
'></iframe>

然后你的iframe加载脚本（your-iframe-analytics-script.js）里，直接读取window.analyticsPayload就行，不用等任何消息，iframe一加载就能拿到数据，完美契合你“onload时立即发Adobe”的需求。

方案2：跨域场景——让iframe主动“喊”父页面发数据 #

如果是跨域的情况，没法直接嵌入数据，那可以让iframe加载完成后第一时间给父页面发一个“我准备好了”的信号，父页面收到信号后立刻把数据发过去——这样就保证了iframe已经注册好message监听，绝对不会错过数据：

父页面代码： #

const analyticsIframe = document.getElementById('analyticsIframe');

// 监听iframe发来的就绪信号
window.addEventListener('message', (e) => {
  // 一定要验证消息来源！避免恶意网站的伪造消息
  if (e.origin !== 'https://你的iframe域名.com') return;
  
  if (e.data.type === 'iframeReady') {
    // 发送预准备好的页面数据
    analyticsIframe.contentWindow.postMessage({
      type: 'analyticsData',
      payload: {
        pageTitle: document.title,
        pageUrl: window.location.href
      }
    }, 'https://你的iframe域名.com');
  }
});

iframe页面代码： #

// iframe加载完成后立刻给父页面发就绪信号
window.addEventListener('load', () => {
  window.parent.postMessage({ type: 'iframeReady' }, 'https://你的父页面域名.com');
});

// 监听父页面发来的分析数据
window.addEventListener('message', (e) => {
  // 同样要验证来源
  if (e.origin !== 'https://你的父页面域名.com') return;
  
  if (e.data.type === 'analyticsData') {
    // 拿到数据后直接传给Adobe Analytics
    sendToAdobeAnalytics(e.data.payload);
  }
});

关于你之前用setTimeout的情况 #

你用5秒延迟能收到数据，本质是因为5秒后iframe已经加载完成了，message监听已经生效，所以能接住消息。但这种方式完全不可靠——网络好的用户可能1秒就加载完iframe，这时候你的setTimeout还没触发，iframe的onload已经跑了，数据就丢了；网络差的用户可能5秒还没加载完，同样收不到。绝对不能用这种方式上线。

备注：内容来源于stack exchange，提问作者SathwikaRao