如何将外部网页加载到 html 页面的 div 中

Question

我需要在不使用iframe 元素的情况下将响应式网站加载到我的 HTML 页面中的 div 中。

我试过this link;它适用于我在脚本中提到的单页 URL。

$('#mydiv').load('http://localhost/qa/ask#external-div', function(response, status, xhr) {
    if (status == "error") {
        var msg = "Sorry but there was an error: ";
        alert(msg + xhr.status + " " + xhr.statusText);
      }
});

Answer 1

正如这个 stackoverflow 线程中提到的， difference between iframe, embed and object elements

您可以使用 标签，而不是

† 正如下面的 cmets 所指出的；

<embed type="text/html" src="snippet.html" width="500" height="200">

Answer 2

使用简单的html，

 <div> 
    <object type="text/html" data="http://validator.w3.org/" width="800px" height="600px" style="overflow:auto;border:5px ridge blue">
    </object>
 </div>

或者jquery，

<script>
        $("#mydiv")
            .html('<object data="http://your-website-domain"/>');
</script>

JSFIDDLE DEMO