我正在尝试制作一个网页，在页面加载之前要求用户输入密码提示。输入正确的密码后，页面将继续加载。如果输入的密码不正确，它会不断询问用户密码，直到输入正确为止。该网页目前不要求输入密码并直接转到该页面。
HTML:
<html>
<head>
<title>Password Page</title>
<script type="text/javascript" src="password.js"></script>
</head>
<body onload="passwordCheck()">
<h1>How'd you know the password?</h1>
</body>
</html>
JavaScript:
// Password: ilikepie
function passwordCheck(){
var password = prompt("Please enter the password.");
if (password.value=="ilikepie"){
window.alert("Password correct!");
else{
while(password.value !="ilikepie"){
window.alert(password);}
最佳答案
设置登录页面和目标页面。登录页面应提示输入密码，当密码正确时，将 window.location 更改为实际页面。
function passwordCheck(){
var password = prompt("Please enter the password.");
if (password==="ilikepie"){
window.location="realpage.html";
} else{
while(password !=="ilikepie"){
password = prompt("Please enter the password.");
}
window.location="realpage.html";
}
}
window.onload=passwordCheck;
您实际上可以去掉第一次检查而只使用 while 循环。正如我们老师所说，这样做是留作练习。
请注意有关此根本不提供任何安全性的评论。这不安全有(至少)两个原因。首先是知道“查看源代码”的任何人都可以看到密码。第二个是，一旦知道 realpage.html 的 URL，就可以直接导航到它，绕过密码挑战。
我假设您将此作为练习进行，现在您可以无误地执行某些操作，您将从中学习。最简单有效的 Web 密码协议(protocol)是 HTTP Basic Access Authentication .当您从本练习中学到所有知识后，请阅读基本访问身份验证。
关于javascript - 页面加载前密码检查，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25953643/