当前位置: 代码迷 >> JavaScript >> 将整个页面附加到iframe
  详细解决方案

将整个页面附加到iframe

热度:44   发布时间:2023-06-12 14:19:47.0

我想在现有的空iframe内附加整个页面(带有<html><head><body>元素)。

有可能吗?

据我所知,它们总是将内容附加到iframe中的某些子元素上,例如body

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

但是我正在尝试附加整个页面,包括样式,标题等,因此我需要将其附加到文档级别。 像这样:

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

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

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

其中data是完整的有效页面源字符串,包括DOCTYPE,HEAD等。

  相关解决方案