JavaScript的if语句总是返回true

问题描述:

对应的HTML:JavaScript的if语句总是返回true

<html> 
<title></title> 
<head> 

</head> 
<body> 
<FORM NAME="Calculator"> 
<TABLE BORDER=4> 
<TR> 
<TD> 
<input type="text" name="Input" Size="22" value=""> 
<input type="text" name="notepad" value=""> 
<br> 
</TD> 
</TR> 
<TR> 
<TD> 
<INPUT TYPE="button" NAME="one" VALUE=" 1 " class ="digit" > 
<INPUT TYPE="button" NAME="two" VALUE=" 2 " class ="digit" > 
<INPUT TYPE="button" NAME="three" VALUE=" 3 " class ="digit" > 
<INPUT TYPE="button" NAME="plus" VALUE=" + " class ="operand"> 
<br> 
<INPUT TYPE="button" NAME="four" VALUE=" 4 " class ="digit"> 
<INPUT TYPE="button" NAME="five" VALUE=" 5 " class ="digit"> 
<INPUT TYPE="button" NAME="six" VALUE=" 6 " class ="digit"> 
<INPUT TYPE="button" NAME="minus" VALUE=" - " class="operand"> 
<br> 
<INPUT TYPE="button" NAME="seven" VALUE=" 7 " class ="digit"> 
<INPUT TYPE="button" NAME="eight" VALUE=" 8 " class ="digit"> 
<INPUT TYPE="button" NAME="nine" VALUE=" 9 " class ="digit"> 
<INPUT TYPE="button" NAME="times" VALUE=" x " class ="operand"> 
<br> 
<INPUT TYPE="button" NAME="clear" VALUE=" c " class ="special"> 
<INPUT TYPE="button" NAME="zero" VALUE=" 0 " class ="digit"> 
<INPUT TYPE="button" NAME="Execute" VALUE=" = " class ="solve"> 
<INPUT TYPE="button" NAME="div" VALUE="/" class ="operand"> 
<br> 
</TD> 
</TR> 
</TABLE> 
</FORM> 

<script type = "text/javascript" src="C:\Users\Quonn\Desktop\QBJS\calculatorjs.js"> 
</script> 
</body> 
</html> 

的javascript:

document.onclick = function(x) { 
    var info = x.target; 
    if (info.className === "digit" || "operand") 
    { 
    addDigit(); 
    } 
    else { 
    math(); 
    } 
} 

function addDigit() { 
    alert("x"); 
} 

function math() { 
    alert("y"); 
} 

x在上一个计算器按钮点击通过。即使info.className不是数字/操作数,if语句也会返回true。 我需要更改我的if语句以使其返回false?

if (info.className === "digit" || info.className === "operand") 
+0

感谢许多。这就是诀窍! – qb1234 2013-02-26 02:04:04

您没有正确使用||运算符。

||运算符用于OR两个值。它出现之间的这两个值。

从你的例子:

FIRST它会检查你的病情的左侧:

info.className === "digit"

如果,在||运算符返回(它不评估右侧)。

否则,评估你的病情的右侧:

"operand"

这将总是评估为真正,因为字符串 “操作数” 确实等于一个falsey value

要解决这个问题,你需要使用的||操作符两边都是正确的表达:

if (info.className === "digit" || info.className === "operand") { 
    alert("Yay"); 
} 

解释为一个布尔字符串将始终返回true。

如果(info.className === “数字” || “操作数”) 应 如果(info.className == “数字” || info.className == “操作数”)