Javascript 将外部站点加载到div中

Javascript 将外部站点加载到div中,javascript,css,html,iframe,Javascript,Css,Html,Iframe,如何将外部站点加载到另一个站点?(加载整个页面,无滚动、无边框) 我试过了,但它没有加载整个页面,并且有滚动/边框?) 编辑:无缝,这是做什么的 您必须使用CSS删除边框,然后使用JavaScript扩展iFrame以包含整个客户端站点。这样,没有人会注意到任何事情 但有时,宿主站点非常聪明,可以通过检查window.top和window.self元素来避免这种情况。就像@Milad所说的,您可以设置IFRAME尺寸来填充浏览器窗口 <iframe id="my-iframe" src

如何将外部站点加载到另一个站点?(加载整个页面,无滚动、无边框)

我试过了,但它没有加载整个页面,并且有滚动/边框?)



编辑:无缝,这是做什么的

您必须使用CSS删除边框,然后使用JavaScript扩展iFrame以包含整个客户端站点。这样,没有人会注意到任何事情


但有时,宿主站点非常聪明,可以通过检查
window.top
window.self
元素来避免这种情况。

就像@Milad所说的,您可以设置IFRAME尺寸来填充浏览器窗口

<iframe id="my-iframe" src="mypage.php" border="0" frameborder="0" scrolling></iframe>
不要忘记使用CSS重置页面的边距和填充,以避免不必要的空格:

* { margin: 0; padding: 0; }

如果同一页上有更多元素,如标题栏,请小心。如果是这样,用其他元素的高度减去窗口高度。

谷歌不允许Iframing添加您已经尝试过的内容、您正在尝试完成的内容以及您目前发现的内容。只需测试:)(我实际上不想加载Google.com)这很好,我拥有两个站点:)有一个例子吗?假设您通过概述的方法获得窗口的宽度和高度,并将它们分别存储在变量
w
h
中,并且您将iframe设置为
var iframe
,您可以执行
iframe.style.width=w+“px”
iframe.style.height=h+“px”
iframe.style.position=“绝对”
iframe.style.left=“0px”
iframe.style.top=“0px”。这将定位iframe,使其包含整个页面。
$('#my-iframe').css('height', $(window).height());
* { margin: 0; padding: 0; }