将外部页面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