javascript – 如何深度克隆iframe？

var clone = iframe.contents().find('html').clone();

如果您克隆iframe创建另一个IFrame,那么您将深度克隆您的iframe！它的源位于其他地方,当您分配其src属性时,它将被下载.

测试

想象一下,您有一个打印当前时间的源(非缓存)页面.在页面上放置一个IFrame,等待10秒然后克隆它.新的iframe将下载其内容,第二个iframe将具有不同的内容(时间).

“真正的”深度克隆

编辑：如果您需要深度原始克隆,您可以获取innerHTML并将其注入iframe. Michael Mahemof的解决方案：

// Creates the new iframe,add the iframe where you want
var newframe = document.createElement("iframe");
document.body.appendChild(newframE); 

// We need the iframe document object,different browsers different ways
var frameDocument = newFrame.document;
if (newFrame.contentDocument)
 frameDocument = newFrame.contentDocument;
else if (newFrame.contentWindow)
 frameDocument = newFrame.contentWindow.document;

// We open the document of the empty frame and we write desired content.
// originalHtmlContent is a String where you have the source iframe HTML content.
frameDocument.open();
frameDocument.writeln(originalHtmlContent);
frameDocument.close();