JavaScriptはリモートのhtmlを現在のページに取得することを実現します.

1801 ワード

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 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番号がincludeです.