如何替換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>"