将外部网站加载到div中

时间:2012-01-14 22:05:38

标签: javascript html css html5 iframe

如何将外部网站加载到其他网站? (加载整个页面而不滚动,边框)

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

<!DOCTYPE HTML>
<html>
<body>
<iframe src="http://www.externaldomain.com"  name="iframeName" ></iframe>

</body>
</html>
编辑:无缝,这有什么作用? http://www.w3schools.com/html5/tag_iframe.asp

2 个答案:

答案 0 :(得分:3)

您必须使用CSS删除边框,然后使用JavaScript扩展iFrame以包含整个客户端网站。通过这种方式,没有人会注意到一件事。

但有时候主机网站很聪明,可以通过window.topwindow.self元素进行检查来避免这种情况。

答案 1 :(得分:0)

与@Milad一样,您可以设置IFRAME维度以填充浏览器窗口。

<iframe id="my-iframe" src="mypage.php" border="0" frameborder="0" scrolling></iframe>

使用jQuery的一个例子:

$('#my-iframe').css('height', $(window).height());

不要忘记使用CSS重置页面的边距和填充以避免不必要的空格:

* { margin: 0; padding: 0; }

如果您在同一页面上有更多元素,比如标题栏,那就太过分了。如果是这样,请将窗口高度减去其他元素高度。

相关问题