JavaScript實(shí)現(xiàn)獲取遠(yuǎn)程的html到當(dāng)前頁(yè)面中
html代碼
<div id="includeHtml"></div>
javascript代碼
function clientSideInclude(id, url) {
var req = false;
// Safari, Firefox, 及其他非微軟瀏覽器
if (window.XMLHttpRequest) {
try {
req = new XMLHttpRequest();
} catch (e) {
req = false;
}
} else if (window.ActiveXObject) {
// For Internet Explorer on Windows
try {
req = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
req = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {
req = false;
}
}
}
var element = document.getElementById(id);
if (!element) {
alert("函數(shù)clientSideInclude無(wú)法找到id " + id + "。" +
"你的網(wǎng)頁(yè)中必須有一個(gè)含有這個(gè)id的div 或 span 標(biāo)簽。");
return;
}
if (req) {
// 同步請(qǐng)求,等待收到全部?jī)?nèi)容
req.open('GET', url, false);
req.send(null);
if (req.status == 404) {
clientSideInclude(id, 'error.html')
} else {
element.innerHTML = req.responseText;
}
} else {
element.innerHTML =
"對(duì)不起,你的瀏覽器不支持" +
"XMLHTTPRequest 對(duì)象。這個(gè)網(wǎng)頁(yè)的顯示要求" +
"Internet Explorer 5 以上版本, " +
"或 Firefox 或 Safari 瀏覽器,也可能會(huì)有其他可兼容的瀏覽器存在。";
}
}
clientSideInclude(includeHtml, "http://XXXXX.html");//頁(yè)面中的一個(gè)div的id為includeHtml
用法很簡(jiǎn)單,代碼里已經(jīng)注釋了,這里在簡(jiǎn)單描述下,給那些不看注釋的人看吧
js代碼在當(dāng)前頁(yè)面加載或者做成js文件加載進(jìn)來(lái),然后遠(yuǎn)端的代碼會(huì)自動(dòng)寫入到當(dāng)前頁(yè)面里id號(hào)為 includehtml的DIV里面
相關(guān)文章
JavaScript實(shí)現(xiàn)跑馬燈抽獎(jiǎng)活動(dòng)實(shí)例代碼解析與優(yōu)化(一)
這篇文章主要介紹了JavaScript實(shí)現(xiàn)跑馬燈抽獎(jiǎng)活動(dòng)實(shí)例代碼解析與優(yōu)化(一)的相關(guān)資料,需要的朋友可以參考下2016-02-02
layui實(shí)現(xiàn)左側(cè)菜單點(diǎn)擊右側(cè)內(nèi)容區(qū)顯示
這篇文章主要為大家詳細(xì)介紹了layui實(shí)現(xiàn)左側(cè)菜單點(diǎn)擊右側(cè)內(nèi)容區(qū)顯示,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-07-07
理解Javascript_09_Function與Object
在《理解Javascript_08_函數(shù)對(duì)象》中講解了很多函數(shù)對(duì)象的問(wèn)題,同時(shí)也留下了許多疑問(wèn),今天讓我們來(lái)解答部分問(wèn)題。2010-10-10
JavaScript原型繼承之基礎(chǔ)機(jī)制分析
由于語(yǔ)言設(shè)計(jì)上的原因,JavaScript 沒(méi)有真正意義上“類”的概念。而通常使用的 new 命令實(shí)例化對(duì)象的方法,其實(shí)是對(duì)原型對(duì)象的實(shí)例化。2011-08-08
javascript實(shí)現(xiàn)的鼠標(biāo)鏈接提示效果生成器代碼
javascript實(shí)現(xiàn)的鼠標(biāo)鏈接提示效果生成器代碼...2007-06-06
原生js實(shí)現(xiàn)手風(fēng)琴功能(支持橫縱向調(diào)用)
本文主要介紹了原生js實(shí)現(xiàn)手風(fēng)琴功能(支持橫縱向調(diào)用)的示例代碼。具有一定的參考價(jià)值,下面跟著小編一起來(lái)看下吧2017-01-01

