如何在iframe中插入html

发布于 2024-08-31 22:01:08 字数 367 浏览 6 评论 0原文

大家好: 我需要在 iframe 中插入一个 html 字符串,如下所示:

....

var html = "<html><head><title>Titolo</title></head><body><p>body</p></body></html>"

jQuery('#popolaIframe').click(function() {
  parent.$("#indexIframe")[0].documentElement.innerHTML = html;     
}); 

有没有办法实现这一点?

Hallo all: I need to insert a html string in a iframe as shown below:

....

var html = "<html><head><title>Titolo</title></head><body><p>body</p></body></html>"

jQuery('#popolaIframe').click(function() {
  parent.$("#indexIframe")[0].documentElement.innerHTML = html;     
}); 

Is there a way to achieve this?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(6

狂之美人 2024-09-07 22:01:08
var html = "<html><head><title>Titolo</title></head><body><p>body</p></body></html>"

jQuery('#popolaIframe').click(function() {
  var doc = parent.$("#indexIframe")[0].documentElement;
  doc.open();
  doc.write(html);
  doc.close();     
}); 
var html = "<html><head><title>Titolo</title></head><body><p>body</p></body></html>"

jQuery('#popolaIframe').click(function() {
  var doc = parent.$("#indexIframe")[0].documentElement;
  doc.open();
  doc.write(html);
  doc.close();     
}); 
酒儿 2024-09-07 22:01:08

您发布的代码有效吗?如果没有,可能是因为浏览器出于安全原因不允许修改 iframe 内容。

Does that code you posted work? If not, it's probably because browsers disallow modification of iframe content for security reasons.

梦巷 2024-09-07 22:01:08

看起来您可以获得对正文的引用,所以我不明白为什么不:

http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_iframe_contentdocument

Looks like you can get a refrence to the body so I don't see why not:

http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_iframe_contentdocument

执笔绘流年 2024-09-07 22:01:08

你已经失去了1级,你需要修改body的innerHtml,但不需要修改文档:

document.body.innerHTML = bla-bla

You have lost 1 level, you need modify innerHtml of body, but not document:

document.body.innerHTML = bla-bla
此生挚爱伱 2024-09-07 22:01:08

除非您 remove() iframe 并使用“append(html)”,否则无法插入 iframe。您可以将其插入 iframes 体内,例如

$('body',parent.$("#indexIframe")[0].contentWindow.document).html(html)

You cannot insert into an iframe unless you remove() the iframe and use 'append(html)'. You can insert it inside iframes body like

$('body',parent.$("#indexIframe")[0].contentWindow.document).html(html)
弥繁 2024-09-07 22:01:08

或者,如果不确定父元素,您可以这样做:

var doc = $.find("#myIframe")[0].contentWindow.document; //that will look in the whole dom though
doc.open();
doc.write(html);

至少这在我的情况下完成了工作:)

Alternitevely if not sure about the parent element you could do that:

var doc = $.find("#myIframe")[0].contentWindow.document; //that will look in the whole dom though
doc.open();
doc.write(html);

At least this did the job in my case :)

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文