將外部網站加載到div中

Question

如何將外部網站加載到其他網站？ （加載整個頁面時不滾動，不顯示邊框）

我嘗試了此操作，但它無法加載整個頁面，並且有滾動/邊框？）

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

</body>
</html>

編輯：無縫，這是做什么的？ http://www.w3schools.com/html5/tag_iframe.asp

Answer 1

您必須使用CSS刪除邊框，然后使用JavaScript擴展iFrame使其涵蓋整個客戶網站。 這樣，沒人會注意到一件事。

但有時主機站點是足夠聰明，以避免通過檢查window.top對window.self元素。

Answer 2

就像@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; }

如果你在同一頁面上有更多的元素，比如標題欄，那就太棒了。 如果是這樣，則將窗口高度減去其他元素高度。