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

html代码<divid="includeHtml"></div>javascript代码functionclientSideInclude(id,url){varreq=false;//Safari

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页面代码