javascript - 从父到子 iFrame 使用 postMessage 发出通信

Question

我在从父窗口到子 iFrame 的通信时遇到问题。但另一方面，一切都很完美。以下是我获取 chil iFrame 对象以触发 postMessage 函数的方法:

var iFrame = document.getElementById('Frame').contentWindow;

当我在控制台打印时，我得到以下信息:

Window {parent: Window, opener: null, top: Window, length: 0, frames: Window…}

当我按如下方式执行 postMessage 函数时:

iFrame.postMessage("message", "http://contoso.com");

加载页面时显示错误:iFrame.postMessage 不是函数。当我在控制台中执行 postMessage 时，我得到一个undefined

我做错了什么？

Answer 1

试试这个

var iFrame = document.getElementById('Frame');
iFrame.contentWindow.postMessage("message", "http://contoso.com");

我也遇到过这个问题。我从这个网站找到了解决方案 https://www.viget.com/articles/using-javascript-postmessage-to-talk-to-iframes