有什麼辦法可以在不使用iframe的情況下嵌入外部網頁嗎?我可以訪問這兩個網站,我只是希望嵌入內容的頁面根據嵌入的內容(它會隨時間而改變,並且位於多個網站上)調整大小。在沒有Iframe的情況下嵌入外部頁面?
謝謝!
編輯:我不認爲任何一種AJAX都可以工作,因爲它是跨站點的,並且JavaScript不會讓你加載離線內容(據我所知)。
有什麼辦法可以在不使用iframe的情況下嵌入外部網頁嗎?我可以訪問這兩個網站,我只是希望嵌入內容的頁面根據嵌入的內容(它會隨時間而改變,並且位於多個網站上)調整大小。在沒有Iframe的情況下嵌入外部頁面?
謝謝!
編輯:我不認爲任何一種AJAX都可以工作,因爲它是跨站點的,並且JavaScript不會讓你加載離線內容(據我所知)。
你可以使用jQuery加載外部頁面:
<script>$("#testLoad").load("http://www.somesite.com/somepage.html");</script> <div id="testLoad"></div> //would this help
問題是好的,但答案是:這取決於。
如果其他網頁不包含任何表單或文本,例如您可以使用CURL方法獲取確切的內容,然後在您的網頁上顯示。你可以做到這一點,而不使用iframe。
但是,如果您要嵌入的頁面包含例如表單,它將無法正常工作,因爲表單處理在該網站上。
或者你可以使用object標籤:
<!--[if IE]>
<object classid="clsid:25336920-03F9-11CF-8FD0-00AA00686F13" data="http://www.google.be">
<p>backup content</p>
</object>
<![endif]-->
<!--[if !IE]> <-->
<object type="text/html" data="http://www.flickr.com" style="width:100%; height:100%">
<p>backup content</p>
</object>
<!--> <![endif]-->
對象標籤有高度問題。即使給高度:100%;仍然不起作用。僅以固定的高度值工作。否則需要獲取外部網頁的高度和寬度。那我還找不到。如果您可以請求幫助 –
您可以將高度設置爲2500像素或其他東西...我有同樣的問題。 –
對於我的情況,我不得不在Object中顯示一個動態創建的HTML內容。我正在使用jQuery替換對象標記運行時的數據屬性,如下所示。 element.attr('data',「data:text/html; charset = utf-8,」+ escape(HTMLCtent)) 它的工作方式就像魅力一樣。 –
什麼這樣的事情?
<?php
$URL = "http://example.com";
$base = '<base href="'.$URL.'">';
$host = preg_replace('/^[^\/]+\/\//', '', $URL);
$tarray = explode('/', $host);
$host = array_shift($tarray);
$URI = '/' . implode('/', $tarray);
$content = '';
$fp = @fsockopen($host, 80, $errno, $errstr, 30);
if(!$fp) { echo "Unable to open socked: $errstr ($errno)\n"; exit; }
fwrite($fp,"GET $URI HTTP/1.0\r\n");
fwrite($fp,"Host: $host\r\n");
if(isset($_SERVER["HTTP_USER_AGENT"])) { fwrite($fp,'User-Agent: '.$_SERVER
["HTTP_USER_AGENT"]."\r\n"); }
fwrite($fp,"Connection: Close\r\n");
fwrite($fp,"\r\n");
while (!feof($fp)) { $content .= fgets($fp, 128); }
fclose($fp);
if(strpos($content,"\r\n") > 0) { $eolchar = "\r\n"; }
else { $eolchar = "\n"; }
$eolpos = strpos($content,"$eolchar$eolchar");
$content = substr($content,($eolpos + strlen("$eolchar$eolchar")));
if(preg_match('/<head\s*>/i',$content)) { echo(preg_replace('/<head\s*>/i','<head>'.
$base,$content,1)); }
else { echo(preg_replace('/<([a-z])([^>]+)>/i',"<\\1\\2>".$base,$content,1)); }
?>
爲什麼不使用PHP!這是所有服務器端:
<?php print file_get_contents("http://foo.com")?>
如果你擁有這兩個網站,你可能需要確定與在服務器端頭的完整聲明本次交易。精美的作品。
PHP會做jpb的罰款,產生額外的負載到您的服務器。客戶端解決方案(JS)將使您的服務器保持完美和新鮮 – augusto
HTML Imports是Web Components轉換的一部分,它也是將HTML文檔包含在其他HTML文檔中的一種方法。請參閱http://www.html5rocks.com/en/tutorials/webcomponents/imports/
+1 - 我認爲您仍然需要允許從www.orginaldomain.com到www.somesite.com的跨域ajax呼叫。 – DefyGravity
我不認爲你可以使用JavaScript包括,因爲它是有限的安全原因。 DefyGravity,我會怎麼做呢? – JacobTheDev
此代碼取決於外部頁面啓用「allow-control-allow-origin:*」,您不能保證。 – FlavioEscobar