目前,嵌入外部網頁的方式,主要有3種:
iframe方式:
<div><iframe src="xxx.jsp"></iframe>
ajax方式:
<div id=“externalHtml"></div>
ajax加載數據後,直接賦予 externalHtml.innerHTML 即可。
script腳本方式:
<div><script src="xxx.js" type="text/javascript"></script></div>
以上三種方式,對於DIV,都是可以使用的。
代碼放在 <head></head> 裏:
<script type="text/javascript">
function change(theID) {
var disp = document.getElementById("display");
disp.innerHTML = document.getElementById(theID).innerHTML;
}
function createXmlHttp() {try {
return new XMLHttpRequest();
} catch(e1) { try {
return new ActiveXObject("Msxml2.XMLHTTP");
} catch(e2) { try {
return new ActiveXObject("Microsoft.XMLHTTP");
} catch(e3) {
return null;
} } }
}
function getPage(path) {
var req = createXmlHttp();
if (req) {req.open("GET", path, false);
req.send("");
if (req.status == "200") {
document.getElementById("display").innerHTML = req.responseText;
} else {
alert("抓取" + path + "出錯!");
</script>。