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

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("函数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

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

js代码在当前页面加载或者做成js文件加载进来，然后远端的代码会自动写入到当前页面里id号为 includehtml的DIV里面

# JavaScript # 获取远程页面代码 # js引用html文件 # JavaScript获取html页面代码 # JS远程获取网页源代码实例 # jquery的$getjson调用并获取远程的JSON字符串问题 # javascript Ajax获取远程url的返回判断 # js获取页面引用的css样式表中的属性值方法(推荐) # js中页面的重新加载(当前页面/上级页面)及frame或iframe元素引用介绍 # 的人 # 加载 # 会有 # 微软 # 很简单 # 不看 # 他可 # 不支持 # 看吧 # 远端 # 有一个 # 及其他 # req # var # clientSideInclude # url # false # window # XMLHttpRequest # catch

返回目录在线咨询

上一篇：如何在Windows服务器上快速搭建个人网站？
下一篇：php怎么获取复选框成一个数组_php复选框转数组技巧【步骤】

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

全网整合营销服务商

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

您的项目需求