JavaScript實(shí)現(xiàn)獲取遠(yuǎn)程的html到當(dāng)前頁面中
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無法找到id " + id + "。" +
"你的網(wǎng)頁中必須有一個(gè)含有這個(gè)id的div 或 span 標(biāo)簽。");
return;
}
if (req) {
// 同步請(qǐng)求,等待收到全部內(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)頁的顯示要求" +
"Internet Explorer 5 以上版本, " +
"或 Firefox 或 Safari 瀏覽器,也可能會(huì)有其他可兼容的瀏覽器存在。";
}
}
clientSideInclude(includeHtml, "http://XXXXX.html");//頁面中的一個(gè)div的id為includeHtml
用法很簡(jiǎn)單,代碼里已經(jīng)注釋了,這里在簡(jiǎn)單描述下,給那些不看注釋的人看吧
js代碼在當(dāng)前頁面加載或者做成js文件加載進(jìn)來,然后遠(yuǎn)端的代碼會(huì)自動(dòng)寫入到當(dāng)前頁面里id號(hào)為 includehtml的DIV里面
相關(guān)文章
微信小程序Page中data數(shù)據(jù)操作和函數(shù)調(diào)用方法
這篇文章主要介紹了微信小程序Page中data數(shù)據(jù)操作和函數(shù)調(diào)用,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
JS實(shí)現(xiàn)仿百度文庫評(píng)分功能
本文給大家分享基于js實(shí)現(xiàn)仿百度文庫評(píng)分功能,代碼簡(jiǎn)單易懂,非常不錯(cuò),具有參考借鑒價(jià)值,需要的的朋友參考下吧2017-01-01
詳解JS 比較兩個(gè)Json對(duì)象的值是否相等的實(shí)例
這篇文章主要介紹了JS 比較兩個(gè)Json對(duì)象的值是否相等的實(shí)例,有需要的朋友可以參考一下2013-11-11
js控制的回到頁面頂端goTop的代碼實(shí)現(xiàn)
在瀏覽網(wǎng)頁的時(shí)候應(yīng)該會(huì)經(jīng)常見到右下角有個(gè)【回到頂端】的懸浮東東,本文也要使用js實(shí)現(xiàn)一下,感興趣的朋友可以參考下哈,希望可以幫助到你2013-03-03
jQuery實(shí)現(xiàn)div浮動(dòng)層跟隨頁面滾動(dòng)效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)div浮動(dòng)層跟隨頁面滾動(dòng)效果,需要的朋友可以參考下2014-02-02
JavaScript實(shí)現(xiàn)頁面滾動(dòng)圖片加載(仿lazyload效果)
網(wǎng)上的很多這樣的效果都是用jQuery的方法,可是如果不用jQuery的站長難道就不能用這種方法了么2011-07-07
JS簡(jiǎn)單添加元素新節(jié)點(diǎn)的方法示例
這篇文章主要介紹了JS簡(jiǎn)單添加元素新節(jié)點(diǎn)的方法,結(jié)合實(shí)例形式分析了javascript針對(duì)頁面元素節(jié)點(diǎn)的創(chuàng)建、添加、克隆等相關(guān)操作技巧,需要的朋友可以參考下2018-02-02

