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

html代码

Javascript代码

function clientSideInclude(id, url) {

var req &＃61; false;

// Safari, Firefox, 及其他非微软浏览器

if (window.XMLHttpRequest) {

try {

req &＃61; new XMLHttpRequest();

} catch (e) {

req &＃61; false;

}

} else if (window.ActiveXObject) {

// For Internet Explorer on Windows

try {

req &＃61; new ActiveXObject("Msxml2.XMLHTTP");

} catch (e) {

try {

req &＃61; new ActiveXObject("Microsoft.XMLHTTP");

} catch (e) {

req &＃61; false;

}

}

}

var element &＃61; document.getElementById(id);

if (!element) {

alert("函数clientSideInclude无法找到id " &＃43; id &＃43; "。" &＃43;

"你的网页中必须有一个含有这个id的div 或 span 标签。");

return;

}

if (req) {

// 同步请求&＃xff0c;等待收到全部内容

req.open(&＃39;GET&＃39;, url, false);

req.send(null);

if (req.status &＃61;&＃61; 404) {

clientSideInclude(id, &＃39;error.html&＃39;)

} else {

element.innerHTML &＃61; req.responseText;

}

} else {

element.innerHTML &＃61;

"对不起&＃xff0c;你的浏览器不支持" &＃43;

"XMLHTTPRequest 对象。这个网页的显示要求" &＃43;

"Internet Explorer 5 以上版本, " &＃43;

"或 Firefox 或 Safari 浏览器&＃xff0c;也可能会有其他可兼容的浏览器存在。";

}

}

clientSideInclude(includeHtml, "http://XXXXX.html");//页面中的一个div的id为includeHtml

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

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

本条技术文章来源于互联网&＃xff0c;如果无意侵犯您的权益请点击此处反馈版权投诉

本文系统来源&＃xff1a;php中文网