Question

这是我正在使用的代码。

<script>
function login(){
var username = document.getElementById("username").value;
var password = document.getElementById("password").value;

if(username == "Ethan" && password == "Horton"){
    document.getElementById("test").innerHTML="Logged In: "Ethan"
}
else{
    alert("Incorrect User/Pass")
    }
}
</script>
<br />


Username: <input type="text" name="username" id = "username">

Password: <input type="password" name="password" id = "password">

<button type = "button" onclick = "login()">Login</button>

按下按钮时，不会调用该功能。（我对JavaScript很陌生。）

Answer 1

问题在于此字符串："Logged In: "Ethan"。这是不正确的。

您可以将其用单引号括起来或转义常规qouotes：

'Logged In: "Ethan"'

"Logged In: \"Ethan\""

http://jsfiddle.net/f0t0n/LDLN4/

Answer 2

您所要做的就是将回复用引号括起来。

document.getElementById("test").innerHTML="Logged In: "Ethan" //incorrect

document.getElementById("test").innerHTML="Logged In: Ethan" //CORRECT

因为你只是显示一个字符串，所以整个东西都需要用引号括起来。如果您将该字符串存储在变量中，则不需要引号

var loggedInMessage = "Logged In: Ethan";
document.getElementById("test").innerHTML = loggedInMessage;

所以请记住，引号表示字符串，没有引号表示您正在调用变量。（如果已定义变量并且您尝试调用它，则会出现错误）

我无法让我的按钮响应功能

2 个答案: