javascript - 密码保护页面

Question

我从另一个网页“http://www.javascriptkit.com/script/cut10.shtml”中获取了以下代码。

<SCRIPT>
function passWord() {
    var testV = 1;
    var pass1 = prompt('Please Enter Your Password',' ');
    while (testV < 3) {
        if (!pass1) history.go(-1);
        if (pass1.toLowerCase() == "letmein") {
            alert('You Got it Right!');
            window.open('protectpage.html');
            break;
        } 
        testV+=1;
        var pass1 = prompt('Access Denied - Password Incorrect, Please Try Again.','Password');
    }
    if (pass1.toLowerCase()!="password" & testV ==3) history.go(-1);
    return " ";
}
</SCRIPT>
<CENTER>
<FORM>
<input type="button" value="Enter Protected Area" onClick="passWord()">
</FORM>
</CENTER>

仅在第二次输入密码时有效，但在第一次输入时无效。当您输入密码时，它说密码错误提示您再次输入密码然后它通过。我需要一个脚本来提示我输入正确的密码，以防我输入错误的密码。任何人都可以帮助我编写代码，因为我是 JavaScript 的初学者。

Answer 1

您的代码在访问链接时似乎有效。

我知道你在学习。不过，您不应该像这样进行身份验证，因为您并没有真正保护任何东西。任何人都可以在任何浏览器中使用“查看页面代码”选项来阅读源代码(通常在页面上单击鼠标右键)。这意味着任何人都可以轻松获取您的密码。

对于真正的身份验证，您应该使用服务器端语言(如 PHP)或 HTTP Digest authentication由您的 Web 服务器配置。摘要有点过时，因为它使用 MD5，但它比您正在做的要好一百万倍。

有关使用 Apache Web 服务器设置 HTTP 摘要的更多信息，请参阅:

http://httpd.apache.org/docs/2.2/mod/mod_auth_digest.html

对 Nginx 做同样的事情:

http://wiki.nginx.org/HttpAuthDigestModule

HTTP Basic authentication也可以工作，但它以纯文本形式从用户的浏览器传输密码。对于 HTTP 摘要，密码是 hashed .

知道您正在学习 JavaScript，最好的办法是配置您正在使用的网络服务器。由于大多数网络托管服务使用 Apache，您很可能会使用 .htaccess file .您可以搜索".htaccess http digest"有关如何进行设置的教程。

某些网络托管服务的控制面板具有使用摘要/基本身份验证保护目录的功能。在 cPanel 中，这很常见，称为 "Password Protect Directories" .

如果您更高级，我建议您使用 PHP，但那是一个相当复杂的主题。