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)文章
微信小程序Page中data數(shù)據(jù)操作和函數(shù)調(diào)用方法
這篇文章主要介紹了微信小程序Page中data數(shù)據(jù)操作和函數(shù)調(diào)用,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05JS實(shí)現(xiàn)仿百度文庫(kù)評(píng)分功能
本文給大家分享基于js實(shí)現(xiàn)仿百度文庫(kù)評(píng)分功能,代碼簡(jiǎn)單易懂,非常不錯(cuò),具有參考借鑒價(jià)值,需要的的朋友參考下吧2017-01-01詳解JS 比較兩個(gè)Json對(duì)象的值是否相等的實(shí)例
這篇文章主要介紹了JS 比較兩個(gè)Json對(duì)象的值是否相等的實(shí)例,有需要的朋友可以參考一下2013-11-11js控制的回到頁(yè)面頂端goTop的代碼實(shí)現(xiàn)
在瀏覽網(wǎng)頁(yè)的時(shí)候應(yīng)該會(huì)經(jīng)常見(jiàn)到右下角有個(gè)【回到頂端】的懸浮東東,本文也要使用js實(shí)現(xiàn)一下,感興趣的朋友可以參考下哈,希望可以幫助到你2013-03-03jQuery實(shí)現(xiàn)div浮動(dòng)層跟隨頁(yè)面滾動(dòng)效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)div浮動(dòng)層跟隨頁(yè)面滾動(dòng)效果,需要的朋友可以參考下2014-02-02JavaScript實(shí)現(xiàn)頁(yè)面滾動(dòng)圖片加載(仿lazyload效果)
網(wǎng)上的很多這樣的效果都是用jQuery的方法,可是如果不用jQuery的站長(zhǎng)難道就不能用這種方法了么2011-07-07JS簡(jiǎn)單添加元素新節(jié)點(diǎn)的方法示例
這篇文章主要介紹了JS簡(jiǎn)單添加元素新節(jié)點(diǎn)的方法,結(jié)合實(shí)例形式分析了javascript針對(duì)頁(yè)面元素節(jié)點(diǎn)的創(chuàng)建、添加、克隆等相關(guān)操作技巧,需要的朋友可以參考下2018-02-02