JavaScript实现获取远程的html到当前页面中

html代码

<p id="includeHtml"></p>

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("函数clientSideInclude无法找到id " + id + "。" +       "你的网页中必须有一个含有这个id的p 或 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");//页面中的一个p的id为includeHtml

用法很简单，代码里已经注释了，这里在简单描述下，给那些不看注释的人看吧

相关推荐：

浅谈html转义及防止javascript注入攻击的方法

以上就是JavaScript实现获取远程的html到当前页面中的详细内容，更多内容请关注技术你好其它相关文章！