Question

我试图为网页添加一个简单的登录命令，但它不起作用。在登录字段中放置正确的用户名和密码后，它应该将您引导至外部网站（Amazon.com）如果用户名不正确，则链接应默认为您的首页（homepage.html）

 <HEAD>
 <SCRIPT LANGUAGE="JavaScript">
  function LogIn(){
  loggedin=false;
  alert("Correct")
  username="admin";
  password="pass";
  username=prompt("Username: all lowercase 'username'","");
  username=username.toLowerCase();
  password=prompt("Password: all lowercase 'password'","");
  password=password.toLowerCase();
     if (username=="username" && password=="password") {
     loggedin=true;
     window.location="http://www.amazon.com";
     }
     if (loggedin==false) {
     alert("Invalid login!");
     window.location="homepage.html";
     }
   }
</SCRIPT> 
<center>
<form><input type=button value="Login!" onClick="LogIn()"></form>
</center>

Answer 1

由于以下几个原因，它无效：

您将用户输入存储在存储正确凭据的同一变量中。
您可以将这些变量与字符串“username”和“password”进行比较。在您的示例中，用户名/密码是正确的登录名。

所以稍微好一点的代码就是：

var correctUsername = "admin";
var username = prompt("Username: all lowercase 'username'","");
if (username == correctUsername)...

另外，请记住，您所采用的方法不够安全，无法在任何真实的网页中使用。

Answer 2

从我看到的代码中，您将字符串与变量进行比较。条件应该是这样的：

if (username=="admin" && password=="pass")

Answer 3

U覆盖了用户名和密码

所以只需创建2个变量

var correctUsername = "admin";
var username = prompt("Username: all lowercase 'username'","");
if (username == correctUsername)

或使用如图所示的if条件

<HEAD>
 <SCRIPT LANGUAGE="JavaScript">
  function LogIn(){
  loggedin=false;
  alert("Correct")

  username=prompt("Username: all lowercase 'username'","");
  username=username.toLowerCase();
  password=prompt("Password: all lowercase 'password'","");
  password=password.toLowerCase();
     if (username=="admin" && password=="pass") {
     loggedin=true;
     window.location="http://www.amazon.com";
     }
     if (loggedin==false) {
     alert("Invalid login!");
     window.location="homepage.html";
     }
   }
</SCRIPT> 
<center>
<form><input type=button value="Login!" onClick="LogIn()"></form>
</center>

网页的登录命令

3 个答案: