将整页附加到iframe

时间:2015-07-17 10:57:08

标签: javascript jquery

我想在现有的空iframe中添加整页(包含<html><head><body>元素)。

有可能吗?

据我所见,他们总是将内容附加到iframe中的某个子元素,例如body

$('#demo').contents().find('body').html('aaa');

但我正在尝试追加整个页面,包括样式,头部等等,所以我需要将它附加到文档级别。 像这样:

//not working
$('#demo').contents().html('<html><body>aaaa</body></html>');

1 个答案:

答案 0 :(得分:2)

您可以使用文档write()方法,如下所示:

var iframeDoc = $('iframe')[0].contentDocument; // jQuery is just for the example of course
iframeDoc.write(data);

数据是完整有效的页面源字符串,包括DOCTYPE,HEAD等......

-DEMO-