JavaScript獲取遠端的html到當前頁面中
阿新 • • 發佈:2019-02-18
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 = newActiveXObject("Msxml2.XMLHTTP"); } catch (e) { try { req = new ActiveXObject("Microsoft.XMLHTTP"); } catch (e) { req = false; } } } var element = document.getElementById(id); if (!element) { alert("函式clientSideInclude無法找到id " + id + "。" + "你的網頁中必須有一個含有這個id的div 或 span 標籤。"); return; } if (req) { // 同步請求,等待收到全部內容 req.open('GET', url, false); req.send(null); if (req.status == 404) { clientSideInclude(id, 'error.html') } else { element.innerHTML = req.responseText; } } else { element.innerHTML= "對不起,你的瀏覽器不支援" + "XMLHTTPRequest 物件。這個網頁的顯示要求" + "Internet Explorer 5 以上版本, " + "或 Firefox 或 Safari 瀏覽器,也可能會有其他可相容的瀏覽器存在。"; } } clientSideInclude(includeHtml, "http://XXXXX.html");//頁面中的一個div的id為includeHtml