我如何有一個搜索框，人們可以在其中搜索我站點內的頁面？

Question

我目前在我的網站上有一個按鈕，單擊該按鈕時會提示一個框，允許用戶輸入諸如“ example100”之類的術語，然后它將用戶重定向到“ mywebsite.com/example100.html”，但這是使用JS密碼功能完成的我不確定這是最佳做法。我更喜歡一個搜索框，用戶可以直接從首頁輸入該搜索框（即無按鈕）

附加說明：可能我將擁有100多頁，因此我不確定要實現這一目標的最佳實踐。

我已經通過下面的按鈕附加了當前使用的JS。

所有幫助表示贊賞！

function passWord(){
    var testV = 1;
    var pass1 = prompt('Enter Store Code Here','');
    while (testV < 3) {
        if (!pass1)
            history.go(0);
        if (pass1.toUpperCase() == "ExampleStore") {
            alert('You are being redirected!');
            window.open('/examplestore.html');
            break;
        }
        else if (pass1.toUpperCase() == "ExampleStore2") {
            window.open('/examplestore2.html');
            break;
        }

        testV+=1;
        var pass1 = 
            prompt('Store Code Not Recognised, Please Try Again.','Enter Store Code...');
    }

    if (pass1.toLowerCase() != "password" & testV ==3)
        history.go(0);
        return " ";

}

Answer 1

也許這會有所幫助。 而不是使用window.open嘗試location 。

我可以做這個：

window.location = pass1 + ".aspx";

或轉到另一個目錄中的html頁面：

window.location = "html/" + pass1 + ".html";

除了頁面（和可選目錄）外，我無需指定其他任何內容。 如有必要，請嘗試構建網址：

window.location = 'http://' + pass1 + '.html';

其他幾件事：

• 你有if (pass1.toUpperCase() == "ExampleStore") 。 您正在將pass1轉換為大寫，但針對不是大寫的東西進行了測試，因此它將始終失敗。
• 如評論中所述，您已聲明var pass1 =兩次。 第二次（接近尾聲）只需使用pass1 。
• 最后的if語句需要大括號。

如果您使用的是<button>或<input type="button" >，也可能會有所不同。 嘗試兩者。

hth。