如何使用iframe加載div中的外部網站

-3

您可以在Div中使用iframe來調用外部網站。

來源

2010-09-27 05:43:28

0

您可以使用object，這將被視爲有點像iframe，但與瀏覽器支持不太一致（使其成爲一個很差的iframe替代品）。我只看到這個練習中使用HTML Strict時，過渡（或重新設計，以避免該功能）呼籲。

您可以解析來自服務器上遠程服務器的數據，並將其捆綁在原始頁面中。

來源

2010-09-27 05:52:48 Quentin

2

您可以嘗試使用Uframe

http://www.codeproject.com/KB/aspnet/uframe.aspx

來源

2010-09-27 07:27:58

0

有趣......可以想象，你可以寫通過捲曲請求一個div的innerHTML得到一個網頁的內容...我postulating ，當然;我不想嘗試了這一點，但這裏的一些代碼，如果你想給它一個旋轉......

一些服務器端PHP ...讓我們稱之爲pageloader.php

<?php 
// Check for cURL 
if(!function_exists('curl_init')) die('cURL is not installed.'); 

// Create a cURL resource handler (cURL Handler = ch) 
$ch = curl_init(); 

// Set options 
curl_setopt($ch, CURLOPT_URL,   "http://www.example.com/" ); // URL from which to download 
curl_setopt($ch, CURLOPT_HEADER,   0       ); // Include header? (0 = yes, 1 = no) 
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true      ); // Return or Print? (true = return, false = print) 
curl_setopt($ch, CURLOPT_TIMEOUT,  10       ); // Set a maximum time before timeout (defined above) 

$output = curl_exec($ch); 

curl_close($ch); 

echo $output; ?>

然後一些JavaScript ...我只是假設你打算做頁面加載特定頁面...

window.onload = function() { 
    var req = encodeURIComponent(document.getElementById('ajax_location').value); 
    if (window.XMLHttpRequest) xmlhttp = new XMLHttpRequest(); 
    else xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); 
    xmlhttp.onreadystatechange = function() { 
    if(xmlhttp.readyState == 4 && xmlhttp.status == 200) document.getElementById("output").innerHTML = xmlhttp.responseText; 
    } 
    xmlhttp.open("GET", "pageloader.php", false); 
    xmlhttp.send(); 
}

最後您的index.html，在這裏想必你會顯示其他的辛勤工作作爲你自己內部的一個巨大的div：

<body> 
    <div id="output" style="width:960px;height:480px;overflow:scroll"></div> 
</body>

當然，這可能最終只是一堆不受約束的html，但它無論如何都是一個有趣的智能體操。

來源

2011-11-16 23:43:39 stslavik

如何使用iframe加載div中的外部網站

回答

相關問題