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


70

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

我已经尝试过此链接;它适用于我在脚本中提到的单个页面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);
      }
});

您是否已获得外部网站所有者的许可?在您自己的内部构架另一个网站是“皱眉”(如果不是公然侵犯版权的话)。
Gone Coding

我试图使用jquery将外部网站显示到我的网页div中,但是它可以用于外部网站的单一页面。我需要在我的网页中显示整个div中的整个外部网站(所有页面)。
user2089987


4
无需许可,因为我正在尝试将自己的网页之一显示到另一个HTML网页的div中
user2089987 2013年

Answers:


116

使用简单的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演示


1
如果我像这样使用,我将获得滚动条,就像在div.i中实现iframe时获得的滚动条一样。您能告诉其他方法在html页面中显示网站
吗?

您可以根据需要隐藏滚动条。
Optimus Prime

添加overflow:hidden到iframe或对象。
Optimus Prime

1
mwell,您正在使用jquery,对吗?...$("#myContainer").css("overflow","hidden");
TCHdvlp

1
@Optimus Prime,是的(FF 27.0),不知道您的视图如何,但是您看到的滚动条是小提琴HTML元素中的滚动条。如果看第一个小提琴,您会看到2个滚动条。
HenryW 2014年
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.