如何在使用Javascript存儲index.html文件的目錄中查找目錄？

Question

當我按下搜索按鈕時，我正在使用輸入框我想查看搜索到的術語是否是index.html文件存儲在的目錄中的現有目錄。這裏是到目前爲止的代碼：

function searchWebs() { 
 
    var searchedTermRaw = document.getElementById('searchBox').value; 
 
    var searchedTerm = searchedTermRaw.toUpperCase(); 
 
    if (searchedTerm == "") { 
 
     return; 
 
    } else { 
 
     if (searchedTerm == "NUMI" || searchedTerm == "ELMDON PM") { 
 
      document.getElementById('searchFor').innerHTML  = "Search results for '" + searchedTermRaw + "'."; 
 
      document.getElementById('searchForDetails').innerHTML = ""; 
 
     } else { 
 
      document.getElementById('searchFor').innerHTML  = "No search results were found for '" + searchedTermRaw + "'."; 
 
      document.getElementById('searchForDetails').innerHTML = "Please use the ID provided within the email Netwal sent you, if you have not been sent an email with the ID, your website isn't ready for viewing/testing yet."; 
 
     } 
 
    } 
 
}

<div class="section"> 
 
    <div class="container"> 
 
     <div class="row"> 
 
      <div class="col-md-12"> 
 
       <div class="col-sm-12"> 
 
        <input type="text" class="form-control input-lg" id="searchBox" placeholder="Website ID"> 
 
       </div> 
 
      </div> 
 
     </div> 
 
     <div class="row"> 
 
      <div class="col-md-12"> 
 
       <br> 
 
        <a class="btn btn-lg btn-primary col-lg-12" onclick="searchWebs();">Search</a> 
 
      </div> 
 
     </div> 
 
    </div> 
 
</div> 
 
<div class="section"> 
 
    <div class="container"> 
 
     <div class="row"> 
 
      <div class="col-md-12"> 
 
       <h1 id="searchFor"></h1> 
 
       <p id="searchForDetails"></p> 
 
      </div> 
 
     </div> 
 
    </div> 
 
</div>

我想更換if語句來檢查，如果搜索詞是NUMI或下午的Elmdon用，如果目錄存在檢查。

Answer 1

使用此方法isAvailable(url)並傳遞路徑或searchedTerm

確保維持跨域政策。

我爲此問題添加了baseUrl作爲https://stacksnippets.net/。

var baseUrl = "https://stacksnippets.net/"; 

function isAvailable(url) { 
    url = baseUrl + url; 
    var http = new XMLHttpRequest(); 
    http.open('HEAD', url, false); 
    try { 
    http.send(); 
    } catch (err) { 
    return false; 
    } 
    return http.status != 404; 
} 

例：

我想長期js這將產生網址https://stacksnippets.net/js

恐怕這個例子不是工作，由於跨域和混合內容錯誤，但這種方法應該適用於你的情況。

您可以通過改變baseUrl

代碼片段

function searchWebs() { 
 
    var searchedTermRaw = document.getElementById('searchBox').value; 
 
    var searchedTerm = searchedTermRaw.toUpperCase(); 
 
    if (searchedTerm == "") { 
 
    return; 
 
    } else { 
 
    if (isAvailable(searchedTerm)) { 
 
     document.getElementById('searchFor').innerHTML = "Search results for '" + searchedTermRaw + "'."; 
 
     document.getElementById('searchForDetails').innerHTML = ""; 
 
    } else { 
 
     document.getElementById('searchFor').innerHTML = "No search results were found for '" + searchedTermRaw + "'."; 
 
     document.getElementById('searchForDetails').innerHTML = "Please use the ID provided within the email Netwal sent you, if you have not been sent an email with the ID, your website isn't ready for viewing/testing yet."; 
 
    } 
 
    } 
 
} 
 

 
var baseUrl = "https://stacksnippets.net/"; 
 

 
function isAvailable(url) { 
 
    url = baseUrl + url; 
 
    var http = new XMLHttpRequest(); 
 
    http.open('HEAD', url, false); 
 
    try { 
 
    http.send(); 
 
    } catch (err) { 
 
    return false; 
 
    } 
 
    return http.status != 404; 
 
}

<div class="section"> 
 
    <div class="container"> 
 
    <div class="row"> 
 
     <div class="col-md-12"> 
 
     <div class="col-sm-12"> 
 
      <input type="text" class="form-control input-lg" id="searchBox" placeholder="Website ID"> 
 
     </div> 
 
     </div> 
 
    </div> 
 
    <div class="row"> 
 
     <div class="col-md-12"> 
 
     <br> 
 
     <a class="btn btn-lg btn-primary col-lg-12" onclick="searchWebs();">Search</a> 
 
     </div> 
 
    </div> 
 
    </div> 
 
</div> 
 
<div class="section"> 
 
    <div class="container"> 
 
    <div class="row"> 
 
     <div class="col-md-12"> 
 
     <h1 id="searchFor"></h1> 
 
     <p id="searchForDetails"></p> 
 
     </div> 
 
    </div> 
 
    </div> 
 
</div>

您在自己的網域資源