ファイルデータの有無をjavascriptで確認

画像ファイル、CSSファイルを含め、PDFデータやEXCELデータなどの有無を確認する

$('link[rel="stylesheet"]').each( function( index, element ) {
  // 現在指定するCSSファイルのパスを格納
  var css_href = $(element).attr('href');
  var nocss_href = "○○○.css";

  var xhr = new XMLHttpRequest();
  /*xhr.addEventListener('load', function (event) {
    // ...
  });
  xhr.addEventListener('error', function (event) {
    // ...
  });*/

  // リターン結果がHEADかGETで違う
  xhr.open("HEAD", href01, false);
  //xhr.open('GET', href01, true);
  try {
    xhr.send(null);
    var status01 = xhr.status;

    if(status01 != "404") {
      // 画像がある場合
      $(element).attr('href', css_href);
    } else {
      // 画像がない場合
      $(element).attr('href', nocss_href);
    }
  } catch (ex) {
    // 古いブラウザー向けにネットワークエラーを処理
    console.log("error");
  }
});