如何替换iframe的全部内容？

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> ，但此时它不是必需的。

Answer 1

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

Answer 2

我相信使用innerHTML应该有效：

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