js对象传给iframe

// 父页面
const iframe = document.getElementById('myIframe');
iframe.onload = () => {
  iframe.contentWindow.postMessage({ key: 'value' }, 'https://target-domain.com');
};

// iframe页面
window.addEventListener('message', (event) => {
  if (event.origin !== 'https://parent-domain.com') return; // 验证来源
  console.log(event.data); // { key: 'value' }
});

// 发送端
iframe.contentWindow.postMessage(JSON.stringify({ key: 'value' }), 'https://target-domain.com');

// 接收端
window.addEventListener('message', (event) => {
  if (event.origin !== 'https://parent-domain.com') return;
  const data = JSON.parse(event.data);
  console.log(data); // { key: 'value' }
});

window.addEventListener('message', (event) => {
  if (event.origin !== 'https://trusted-domain.com') return; // 验证来源
  // 处理消息
});