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

HTML代码

rush:xhtml;">

javascript代码

rush:js;"> 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里面

相关文章

前言 做过web项目开发的人对layer弹层组件肯定不陌生,作为l...
前言 前端表单校验是过滤无效数据、假数据、有毒数据的第一步...
前言 图片上传是web项目常见的需求,我基于之前的博客的代码...
前言 导出Excel文件这个功能,通常都是在后端实现返回前端一...
前言 众所周知,js是单线程的,从上往下,从左往右依次执行,...
前言 项目开发中,我们可能会碰到这样的需求:select标签,禁...