使用 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 To 的解决方案有效。只是想补充一点 myIframe.contentWindow 可能无法在旧浏览器中工作（阅读 IE 旧版本），因此您可以

var iFrameWindow = myIframe.contentWindow || myIframe.documentWindow;
var iFrameDoc = iFrameWindow.document;

使用文档 open()、write() & ; close() 如上所述。

Answer 3

与 Jeffry 类似，但使用 contentDocument 代替。

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

Answer 4

.innerHTML 怎么样？

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