html - 将 HTML 页面嵌入另一个页面内联，*not* 使用 src 标签

Question

我有一个外部页面，我想嵌入到我的页面中——它有自己的脚本和 CSS，我不想与我的冲突。通常我只会使用一个<iframe>并完成它，但这是一个移动优化站点，我想尽可能避免额外的 HTTP 调用。所以，我想在服务器端运行请求并将生成的 HTML 嵌入到我的页面中，这样客户端就不必自己发出请求。

我可以通过执行以下操作来做到这一点：

<iframe id="test"></iframe>
<script>
    var doc = $("#test")[0].contentWindow.document;
    var $body = $('body',doc);
    $body.html('<h1>Test</h1>');
</script>

但我宁愿完全不使用 JavaScript 来做这件事。那可能吗？我放在<iframe>and</iframe>标记之间的任何内容都会被忽略，因为它用于与不支持 iframe 的浏览器的兼容性。

Answer 1

为什么不只使用 a <div>？（可选）设置固定的宽度和高度并添加overflow:auto到其 CSS。

Answer 2

最终，您应该能够在 iframe 上使用 srcdoc 属性。但是，它目前没有得到广泛支持。与此同时，您唯一的选择是 javascript 或只是让浏览器使用传统的 src 属性进行调用。您可能会看这里，因为我相信这个stackoverflow 问题非常相关。