如何替换iframe的全部内容?

时间:2011-10-15 21:45:57

标签: javascript jquery

This question没有得到任何满意的答案,所以我再问一次。

我可以这样得到我的iframe:

var iframe = document.getElementById('preview');
var win = iframe.contentWindow;
var doc = win.document;

并像这样写一些初始HTML:

doc.write('<!DOCTYPE html><html><head><link rel="stylesheet" type="text/css" href="reset.css"></head><body>blah blah</body></html>');

这很有效,但现在我想用一些新内容替换整个内容。我怎么能这样做?

要清楚,“整件事”我的意思是<head>。我需要在那里链接一些外部JS和CSS。

最好还包括<!DOCTYPE>,但此时它不是必需的。

2 个答案:

答案 0 :(得分:2)

您只需从DOM中删除旧的iframe节点,然后创建一个包含新内容的新节点。

答案 1 :(得分:2)

我相信使用innerHTML应该可行:

doc.documentElement.innerHTML = "<script src='blah.js'></script><style></style>"