JavaScript实现猎取长途的html到目前页面中

今天做个项目，需要在当前的html页面中援用一个长途的html页面，baidu了一下，发明一个非常好用的代码，这里分享给大家，有雷同需求的小伙伴可以来看看

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到当前页面中的具体内容，更多请关注百分百源码网其它相关文章！