如果条件执行，为什么不使用简单的Javascript？

Question

<!DOCTYPE html>
<html>
<body>

<button onClick="Display()"></button>

<script>
function Display() {
    var a = 0;
    if(a = 0){
      alert("hello world");
    }
} 

</script>

</body>
</html>

我运行页面并单击按钮，但没有任何反应。 我无法为自己的生命找出原因...

编辑：另一方面，即使我没有定义var CorrectActivities，此代码也无论执行什么：

function Display() {

    if(CorrectActivities = 3) {
        document.getElementById("ActivitiesResult").innerHTML = '<span>style="color:DarkGreen;font-weight:bold;font-size:30px;">3 out of 3 correct!</span>';

    } else if (CorrectActivities = 2) {
        document.getElementById("ActivitiesResult").innerHTML = '<span style="color:Crimson;font-weight:bold;font-size:30px;">2 out of 3 correct!</span>';

    } else if (CorrectActivities = 1) {
        document.getElementById("ActivitiesResult").innerHTML = '<span style="color:Crimson;font-weight:bold;font-size:30px;">1 out of 3 correct!</span>';

    } else {
    document.getElementById("ActivitiesResult").innerHTML = '<span style="color:Crimson;font-weight:bold;font-size:30px;">0 out of 3 correct!</span>';
    }
}

Edit2：感谢您的答案。 无论我尝试什么，第一个代码都是固定的，第二个代码仍然是坏的。 要在脚本中的其他位置查找错误...

Answer 1

比较值时，应使用== （等于）或=== （等于和相同类型）。 =仅用于设置变量值。

 <!DOCTYPE html> <html> <body> <button onClick="Display()"></button> <script> function Display() { var a = 0; if(a == 0){ alert("hello world"); } } </script> </body> </html>

对于您的另一个代码，我创建了一个jsfiddle 。 与第一部分中的问题相同，比较运算符错误。 如果没有声明CorrectActivities ，它将无法运行。 我修复了它（就像在第一部分中一样），声明了变量，并添加了三个按钮来测试所有情况，它似乎可以工作。

在第3种情况下，您也有小的错别字，在<span>style有一个额外的结束括号

Answer 2

a = 0表示分配不是有效条件。 a == 0 ， a === 0或!a都a === 0您的需求。

与CorrectActivities相同，请使用CorrectActivities == 3而不是CorrectActivities = 3 。

Answer 3

在javascript中=分配一个值并返回它， ==或===比较值

第一部分不会执行，因为：

您单击按钮
Display被叫
if(a = 0)评估为if(0) ，即javascript if(false)

所以里面的代码if将不会运行。 你想要的是if(a == 0) ：

 function Display() { var a = 0; if (a == 0) { alert("hello world"); } }

 <button onClick="Display()"></button>

对于第二部分， if(CorrectActivities = 3)将是if(3) ，这将是javascript if(true)因此它将始终运行。 再次，您想要使用==运算符：

function Display () {
  if ((CorrectActivities == 3)) {
    document.getElementById('ActivitiesResult').innerHTML = '<span>style="color:DarkGreen;font-weight:bold;font-size:30px;">3 out of 3 correct!</span>'
  } else if ((CorrectActivities == 2)) {
    document.getElementById('ActivitiesResult').innerHTML = '<span style="color:Crimson;font-weight:bold;font-size:30px;">2 out of 3 correct!</span>'
  } else if ((CorrectActivities == 1)) {
    document.getElementById('ActivitiesResult').innerHTML = '<span style="color:Crimson;font-weight:bold;font-size:30px;">1 out of 3 correct!</span>'
  } else {
    document.getElementById('ActivitiesResult').innerHTML = '<span style="color:Crimson;font-weight:bold;font-size:30px;">0 out of 3 correct!</span>'
  }
}

Answer 4

这是因为没有分配比较，而是分配了它。

因此，语句if（a = 0）总是正确的。

使用==代替=。

function Display() {
    var a = 0;
    if(a = 0){
        alert("hello world");
    }
}

这会有所帮助。

如果条件执行，为什么不使用简单的Javascript？

问题描述

4 个解决方案

解决方案1
4 2017-05-29 16:23:43

解决方案2
0 2017-05-29 16:25:05

解决方案3
0 2017-05-29 16:28:08

解决方案4
0 2017-05-30 04:16:58

如果条件执行，为什么不使用简单的Javascript？

问题描述

4 个解决方案

解决方案1 4 2017-05-29 16:23:43

解决方案2 0 2017-05-29 16:25:05

解决方案3 0 2017-05-29 16:28:08

解决方案4 0 2017-05-30 04:16:58

解决方案1
4 2017-05-29 16:23:43

解决方案2
0 2017-05-29 16:25:05

解决方案3
0 2017-05-29 16:28:08

解决方案4
0 2017-05-30 04:16:58