如何在使用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>

您在自己的网域资源