如何使用Javascript查找index.html文件存储在目录中的目录?

时间:2017-05-26 12:31:19

标签: javascript html search

我正在使用输入框,当按下搜索按钮时,我想查看搜索到的术语是否是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 PM,并检查目录是否存在。

1 个答案:

答案 0 :(得分:0)

使用此方法searchedTerm并传递路径或https://stacksnippets.net/

确保维护跨域政策。

我已为此问题添加了baseUrl 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

示例:

我尝试了baseUrl一词,这会生成网址https://stacksnippets.net/js

  

我担心这个例子由于跨域错误和混合内容错误而无法正常工作,但这种方法适用于您的情况。

您可以通过更改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; }

来检查您域中的资源

<强>段

&#13;
&#13;
<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>
&#13;
extension NSData{
    var int :  Int{
        var out: Int = 0
        self.getBytes(&out, length: MemoryLayout<Int>.size)
        return out
    }
}
&#13;
&#13;
&#13;