javascript - 设置 iframe 的innerHTML

标签 javascript iframe innerhtml

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

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

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

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

我需要避免 jquery 解决方案。

最佳答案

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

<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 中进行测试。

关于javascript - 设置 iframe 的innerHTML,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5050380/

相关文章:

javascript - 'onCommand' 的 Chrome 扩展错误

javascript - 如何使用Papa Parse进行javascript csv解析

javascript - 使用 Javascript 控制 iFrame 的导航而不应用 src 属性

javascript - 简单的 innerHTML 更新不起作用

Dojo 脚本中的 Javascript 函数无需调用即可运行

JavaScript 异步函数不是非阻塞的

javascript - 从iframe内部想要获取所有iframe类名(每个iframe有不同的类名)

javascript - 如何根据其内容的大小将 iFrame 设为 'grow'?

JavaScript : Getting Tag name of a certain innerHtml text

css - 在移动或单击 map 之前,Leaflet 不会在 IE/Safari 中显示 Control.extend 数据