javascript - 设置 iframe 的innerHTML

Question

在javascript中，如何设置iframe的innerHTML？我的意思是:如何设置，而不是get .

window["ifrm_name"].document.innerHTML= "<h1>Hi</h1>"不起作用，其他解决方案也是如此。

iframe 和父文档位于同一域中。

我需要设置整个文档 iframe 的 html，而不是其正文。

我需要避免 jquery 解决方案。

Answer 1

一个非常简单的例子......

<iframe id="fred" width="200" height="200"></iframe>

然后运行以下 Javascript，无论是内联的、事件的一部分等等......

var s = document.getElementById('fred');
s.contentDocument.write("fred rules");

“contentDocument”相当于您在主窗口中获得的“文档”，因此您可以对其进行调用以设置正文、头部、内部的任何元素...等。

我只在 IE8、Chrome 和 Firefox 中对此进行了测试...因此，如果您有可用的副本，您可能需要在 IE6/7 中进行测试。