用jQuery替换iframe的全部内容（包括doctype和html标签）

Question

在stackoverflow上还有很多其他文章提出了几乎相同的问题，但是到目前为止，在我已经阅读的所有答案中，它们都没有解决如何从根本上替换iframe的整个文档，包括DOCTYPE和html标记。

我正在通过jQuery.ajax请求检索整个页面的HTML，并尝试将返回的HTML用作iframe的新HTML。 这是从ajax请求返回的HTML的示例：

<!DOCTYPE html>
<html lang="en-US">
    <head>
        <link rel="stylesheet" type="text/css" media="all" href="main.css">
        <title>Test Page</title>
    </head>
    <body>
        <h1>Heading</h1>
    </body>
</html>

然后，我通过以下方式将此HTML注入iframe：

$('#my-iframe').contents().find('html').html(returnedHtml);

正如其他有关该主题的大多数文章所建议的那样。 但是，当我检查iframe的内容时，文档的结构如下：

<html>
    <link rel="stylesheet" type="text/css" media="all" href="main.css">
    <title>Test Page</title>
    <h1>Heading</h1>
</html>

请注意，缺少DOCTYPE，缺少html标签上的lang属性，缺少head和body标签。

有什么建议么？ （请注意，由于多种因素，在此应用中无法将iframe的src属性更改为必要的网址）

Answer 1

尝试一些普通的javascript代替：

iframe = document.getElementById('my-iframe');
iframe.contentWindow.document.open()
iframe.contentWindow.document.write(returnedHtml);

小提琴

用jQuery替换iframe的全部内容（包括doctype和html标签）

问题描述

1 个解决方案

解决方案1
0 已采纳 2012-07-03 16:32:07

用jQuery替换iframe的全部内容（包括doctype和html标签）

问题描述

1 个解决方案

解决方案1 0 已采纳 2012-07-03 16:32:07

解决方案1
0 已采纳 2012-07-03 16:32:07