将HTML页面嵌入到另一个页面内联，*不*与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>和</iframe>标记之间放置的任何内容都会被忽略，因为它是出于与不支持iframe的浏览器的兼容性原因而使用的。

Answer 1

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

Answer 2

最终你应该能够在iframe上使用srcdoc属性。但是，它目前并不广泛supported。在此期间，您唯一的选择是javascript或只是让浏览器使用传统的src属性进行调用。你可能会看到这里，因为我相信stackoverflow question非常相关。