javascript - 如何避免没有 src 的 iframe 读取其父 HTML？

Question

我有一个没有 src 属性的 iframe。我从 JavaScript 端设置它的 HTML。

问题是，如果我加载包含 $("body").html() 的脚本，它会返回父文档的 body 的 html，而我期待获得 iframe 的正文 html。

如何避免这种行为？

我使用以下方法设置 iframe HTML:

$(".myResult").contents().find("html").html(myHtmlToLoad);

这是一个JSFIDDLE我在哪里重现了该问题。我期望 textarea 值返回调用 $(body).html() (iframe 内部)，但它返回整个页面(包含 iframe)的 HTML。

Answer 1

var ifrm = $(".result:first")[0]; 
ifrm.contentDocument.body.textContent = ""; 
var htmlDocumentStr = $(".html").val(); 
ifrm.contentDocument.write(htmlDocumentStr);