2013-01-23 45 views
0

我有一個網頁,我想在另一臺服務器上嵌入外部網頁,但我不想任何框架欄,並希望使用PHP或Javascript來做到這一點。我正在構建的網站是使用php構建的。如何使用PHP或Javascript嵌入網頁

我已經試過

<?php 
$remote = fopen("http://www.myotherwepage.com/apage", "r"); 
fpassthru($remote); 
?> 

但將無法正確載入沒有圖像將加載和風格將不會加載。

這是我試圖嵌入

http://brands.datahc.com/?languageCode=EN

頁面,我有我自己的(包括)以上naviagtion和(包括)頁腳underneath.And它需要擴大和奪回了用戶。

+2

爲什麼不只是根據需要設計一個'iframe'? – BenM

+1

查看基礎href – danronmoon

+3

如果您要嘗試將其他頁面的HTML轉儲到您的頁面中,您需要修復該頁面中各種資源的所有相對路徑。即使你修復了所有這些,你很可能會遇到跨域問題。只需使用一個'iframe'。您可以將其設置爲不顯示滾動條。 –

回答

3

只需添加一個iframe元素,然後使用CSS對其進行設置。你可以使用jQuery或者vanilla JS來處理它的大小。

這樣,您不必擔心修復任何損壞或相對鏈接。例如,下面的代碼將關閉滾動條的iframe

<iframe src="http://brands.datahc.com/?languageCode=EN" srcolling="no"></iframe> 

你可以反過來看,以實現一些以下功能>http://css-tricks.com/cross-domain-iframe-resizing/。這也將確保iframe根據其內容調整大小。

+0

iframe似乎不工作,並將大小重新設置爲帶有條形的默認大小,並且我想從iframe移開,因爲它不符合HTML5。 – JohnnyQ

+1

@JohnnyQ:是什麼讓你覺得它不符合HTML5? HTML 5甚至將新的「無縫」和「沙箱」屬性添加到「iFrame」。見[這裏](http://webdesign.about.com/od/iframes/a/html5-iframe-attributes.htm) –

2

問題是網站上的所有圖像都嵌入了相對路徑。

當你嵌入網站的例子。 com它指圖像http://example.com/image.jpg,其源代碼只讀src="image.jpg"。然後,您將該網站的源代碼整合到示例中。 組織,圖像將在http://example.org/image.jpg上搜索,它不存在。

作爲一個解決方案,您能

  • 重寫所有相關鏈接和圖片的路徑在您的網站<head>使用HTML解析器或
  • 使用the HTML <base> element並將其設置爲你的網頁的網址嵌入。這樣,用戶網絡瀏覽器將解釋所有相對於嵌入式頁面的相對URL,而不是您自己頁面的網址。