我如何有一个搜索框，人们可以在其中搜索我站点内的页面？

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。