javascript - 实现跨域通信

Question

我正在尝试使用 TypeScript 实现跨域通信，如 this thread 中所述

我的代码如下:

 var iframeElement = document.getElementById("myIframe");
 iframeElement.document.contentWindow.postMessage('hello', '*');

但是在文档之后的第二行我没有得到contentwindow 的句柄。

有人可以提供解决方案吗？

Answer 1

如果您所说的“处理”是指您没有完成代码，那是因为 contentWindow 是 iframeElement 的属性，而不是文档的属性(并且顺便说一下，因为 document.getElementById 的结果是一个通用的 HtmlElement，而不是 iframe)。

试试这个:

// Cast the result of getElementById, so you get an iframe and not a generic HtmlElement:
var iframeElement:HTMLIFrameElement = <HTMLIFrameElement>document.getElementById("myIframe");
// Then reference the contentWindow property of the iframe element
iframeElement.contentWindow.postMessage('hello', '*');