使用JavaScript中的动态内容填充IFRAME

Question

我有一个IFRAME，应该填充JavaScript中的内容。如果内容在服务器上，我所要做的就是：

    function onIFrameFill() {
         myIframe.location.href = "HelloWorld.html";
     }

但我所拥有的内容是在客户端上生成的HTML页面，并表示为字符串（我对它没有太大影响）。如何以编程方式填充iframe的内容？

Answer 1

我认为你正在寻找类似的东西：

var iframeDoc = myIframe.contentWindow.document;
iframeDoc.open();
iframeDoc.write('hello world');
iframeDoc.close();

Answer 2

尝试设置 .innerHTML ，但这不起作用。 Jeffery的解决方案工作。只是想补充说.innerHTML可能无法在旧浏览器中使用（阅读IE旧版本），所以你可以做到

 myIframe.contentWindow 

然后使用文档open（），write（）＆amp; close（）如上所述。

Answer 3

.innerHTML怎么样？

myIframe.innerHTML = "This is some HTML <b>text</b>";

Answer 4

类似于Jeffry，但使用contentDocument。

let iframe = document.querySelector('iframe');
let doc = iframe.contentDocument;
doc.open();
doc.write('Hello world!');
doc.close();