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