iT邦幫忙

1

該怎麼呈現搜尋的html

  • 分享至 

  • xImage

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

圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中
2
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 代碼。

1
deh
iT邦研究生 1 級 ‧ 2023-04-09 19:29:34
  <a href="XXX.html">XXX</a>

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

0
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 檔案都是以姓名為命名的。如果你的檔案名稱有其他規則,請根據實際情況進行修改。

我要發表回答

立即登入回答