該怎麼呈現搜尋的html

html5 from

dean2006 2023-04-09 18:17:31 ‧ 1064 瀏覽

分享至

假設我有50個XXX(姓名）.html的檔案我該怎麼寫才能做到在我的網頁上調跳轉到我用查詢那個名字的html

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

3 個回答

wup926

iT邦新手 3 級 ‧ 2023-04-10 07:49:08

最佳解答

1.在您的網站上建立一個連結清單，列出所有的姓名和對應的連結。每個檔案的名稱為「XXX.html」，按照以下方式創建連結清單：

<ul>
  <li><a href="XXX1.html">XXX1</a></li>
  <li><a href="XXX2.html">XXX2</a></li>
  <li><a href="XXX3.html">XXX3</a></li>
  <li><a href="XXX4.html">XXX4</a></li>
  <!-- 在此添加所有其他姓名的連結 -->
</ul>

當用戶單擊連結時，他們將被重定向到相應的HTML檔案。如果您希望用戶能夠搜索和跳轉到某個特定的姓名頁面，您可以在您的網站上添加一個搜尋框，並使用JavaScript代碼來處理用戶輸入並導航到相應的頁面。

2.以下是一個基本的 JavaScript 代碼示例，可以實現在搜尋框中輸入姓名並跳轉到相應的HTML檔案：
HTML 代碼：

<input type="text" id="searchInput" placeholder="請輸入姓名">
<button onclick="search()">搜尋</button>

JavaScript 代碼：

function search() {
  // 獲取輸入框的值
  var name = document.getElementById("searchInput").value;
  // 構建檔案名
  var fileName = name + ".html";
  // 跳轉到檔案
  window.location.href = fileName;
}

當用戶在搜尋框中輸入姓名並單擊「搜尋」按鈕時，JavaScript 代碼將獲取輸入框的值，並使用該值構建檔案名。然後，代碼將使用 window.location.href 方法將用戶重定向到相應的 HTML 檔案。請注意，此示例假設所有的 HTML 檔案都按照姓名命名，且與輸入的姓名完全匹配。如果您的檔案命名規則不同，或者您希望實現更複雜的搜尋功能，您需要相應地修改 JavaScript 代碼。

回應
分享
檢舉

登入發表回應

deh

iT邦研究生 1 級 ‧ 2023-04-09 19:29:34

  <a href="XXX.html">XXX</a>

不過這樣寫法那些XXX.html要跟你的網頁在同一個目錄下

回應
分享
檢舉

登入發表回應

kanework

iT邦新手 5 級 ‧ 2023-04-10 16:15:25

假設你的50個檔案都是放在同一個資料夾下，且檔名是以姓名為命名的，例如：張三.html、李四.html等等。

你可以在你的網頁上建立一個輸入框，讓使用者輸入姓名，然後再用 JavaScript 或其他的網頁語言處理輸入的姓名，最後跳轉到該姓名對應的 HTML 檔案。

以下是一個簡單的 JavaScript 範例：

html
Copy code
<!DOCTYPE html>
<html>
  <head>
    <title>跳轉到對應的 HTML 檔案</title>
  </head>
  <body>
    <input type="text" id="inputName" placeholder="輸入姓名">
    <button onclick="searchName()">查詢</button>

    <script>
      function searchName() {
        // 獲取輸入框中的姓名
        var name = document.getElementById("inputName").value;

        // 如果姓名不為空，跳轉到該姓名對應的 HTML 檔案
        if (name != "") {
          window.location.href = name + ".html";
        }
      }
    </script>
  </body>
</html>

這個網頁上有一個輸入框和一個查詢按鈕，當使用者輸入姓名並點擊查詢按鈕時，會跳轉到該姓名對應的 HTML 檔案。注意，這個範例假設所有的 HTML 檔案都是以姓名為命名的。如果你的檔案名稱有其他規則，請根據實際情況進行修改。