今天小编就为大家带来一篇JavaScript实现获取远程html到当前页面中的文章。小编觉得挺不错的，为此分享给大家做个参考。一起跟随小编过来看看吧。
成都创新互联是一家专注于成都网站建设、网站建设与策划设计,新津县网站建设哪家好?成都创新互联做网站,专注于网站建设10年,网设计领域的专业建站公司;建站业务涵盖:新津县等地区。新津县做网站价格咨询:028-86922220
html代码
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关于JavaScript实现获取远程html到当前页面中的办法就分享到这里了，希望以上内容可以对大家有一定的参考价值。如果喜欢本篇文章，不妨把它分享出去让更多的人看到。
