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

  

html代码         & lt; div id=" includeHtml "祝辞& lt;/div>      之前      

javascript代码         函数clientSideInclude (id、url) {   var点播=false;//Safari浏览器,Firefox,及其他非微软浏览器   如果(window.XMLHttpRequest) {   尝试{   要求=new XMLHttpRequest ();   }捕捉(e) {   要求=false;   }   }else if (window.ActiveXObject) {//Windows Internet Explorer   尝试{   要求=new ActiveXObject (“Msxml2.XMLHTTP”);   }捕捉(e) {   尝试{   要求=new ActiveXObject (“Microsoft.XMLHTTP”);   }捕捉(e) {   要求=false;   }   }   }   var元素=. getelementbyid (id);   如果元素(!){   alert("函数clientSideInclude无法找到id”+“。”+ + id   “你的网页中必须有一个含有这个id的div或跨度标签。”);   返回;   }   如果(点播){//同步请求,等待收到全部内容   要求的事情。打开(‘得到’,url,假);   req.send(空);   如果(点播。状态==404){   clientSideInclude (id、“error.html”)   其他}{   元素。innerHTML=req.responseText;   }   其他}{   元素。innerHTML=岸圆黄?你的浏览器不支持“+   “XMLHTTPRequest对象。这个网页的显示要求“+   “Internet Explorer 5以上版本,”+   “或Firefox或Safari浏览器,也可能会有其他可兼容的浏览器存在。”;   }   }      clientSideInclude (includeHtml, " http://XXXXX.html ");//页面中的一个div的id为includeHtml   之前      

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

  

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

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