html远程查看,通过JavaScript实现获取远程html到当前页面中

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

发布时间：2020-05-09 13:45:11

来源：亿速云

阅读：787

作者：Leah

今天小编就为大家带来一篇JavaScript实现获取远程html到当前页面中的文章。小编觉得挺不错的，为此分享给大家做个参考。一起跟随小编过来看看吧。

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到当前页面中的办法就分享到这里了，希望以上内容可以对大家有一定的参考价值。如果喜欢本篇文章，不妨把它分享出去让更多的人看到。