• 父窗口如何向 iframe子窗口发送数据?
  • 发布于 2个月前
  • 178 热度
    0 评论
1、iframe 向父窗口发送数据
window.parent.postMessage(message, "*");
message 也可以是 JSON 化的数据:
const message = JSON.stringify({
    message: 'Hello from iframe',
    date: Date.now(),
});
window.parent.postMessage(message, '*');
2、父窗口向 iframe(子窗口)发送数据
frameElement.contentWindow.postMessage(message, '*');
3、接收数据
可以通过监听 message 事件,接收数据:
window.addEventListener("message", function(e) {
    const data = e.data;
    // 堆代码 duidaima.com
    // 打印接收到的数据
    console.log(data);
});

用户评论