將外部頁面html插入頁面html

Question

我想將外部html頁面加載/插入到我的網頁中。例如：

<b>Hello this is my webpage</b> 
You can see here an interresting information : 

XXXX 

Hope you enjoyed 

的XXXX應該由一個小的腳本替換（在儘可能小），該加載頁一樣http://www.mySite.com/myPageToInsert.html

我發現與jquery以下代碼：

<script>$("#testLoad").load("http://www.mySite.com/myPageToInsert.html");</script>  
<div id="testLoad"></div> 

我想同樣沒有使用外部JavaScript庫作爲jQuery ...

Answer 1

這有（2，我至少知道）2級的解決方案：

1. 的Iframe - >這個人是不是如此建議

2. 發送ajax請求到所需的頁面。

這裏是一個小腳本：

<script type="text/javascript"> 

function createRequestObject() { 
    var obj; 
    var browser = navigator.appName; 
    if (browser == "Microsoft Internet Explorer") { 
     obj = new ActiveXObject("Microsoft.XMLHTTP"); 
    } else { 
     obj = new XMLHttpRequest(); 
    } 
    return obj; 
} 

function sendReq(req) { 
    var http = createRequestObject(); 
    http.open('get', req); 
    http.onreadystatechange = handleResponse; 
    http.send(null); 
} 

function handleResponse() {  
    if (http.readyState == 4) { 
     var response = http.responseText; 
     document.getElementById('setADivWithAnIDWhereYouWantIt').innerHTML=response; 
    } 
} 

sendReq('yourpage'); 
//previously </script> was not visible 
</script> 

Answer 2

會iframe符合法案？

<b>Hello this is my webpage</b> 
You can see here an interresting information : 

<iframe id="extFrame" src="http://www.mySite.com/myPageToInsert.html"></iframe> 

Hope you enjoyed 

可以使用普通的舊JavaScript來切換出頁面，另一個

Answer 3

我想你在找什麼是Jquery的源代碼中設置你的iframe元素的src屬性。

，你可以在這裏看到更多的細節$(document).ready equivalent without jQuery