Question

我是javascript和网络编程的新手。我正在尝试制作脚本，根据pic0.png的值更改图片var lvl。

这是剧本：

<!DOCTYPE html>
<html>
<body>

<script>
    var pic = "pic0.png";
</script>

<img id="myImg" src="pic0.png" width="107" height="98">
<p>Click the button to change the value of the src attribute of the image.</p>

<button onclick="myFunction()">Try it</button>

<script>

function myFunction() 
{
    var lvl = 2;
    if (lvl = 1)
    {
        pic = "pic1.png";
    }
    else if (lvl = 2)
    {
        pic = "pic2.jpg";
    }
    document.getElementById("myImg").src = pic;
}

</script>

</body>
</html>

当var lvl等于2时，图片必须更改为pic2.jpg，但有问题 - 点击“尝试它！”按钮后，图片会更改为pic1.png，无论如何如果var lvl等于2或1.

Answer 1

您正在分配值而不是检查。您需要使用双等运算符：

function myFunction() 
{
  var lvl = 2;
  if (lvl == 1)
  {
    pic = "pic1.png";
  }
  else if (lvl == 2)
  {
    pic = "pic2.jpg";
  }
  document.getElementById("myImg").src = pic;
}

Answer 2

比较时应使用

==或===。 =是一个赋值运算符。

if (lvl == 1)
{
pic = "pic1.png";
}
else if (lvl == 2)
{
pic = "pic2.jpg";
}

在javascript中，图片必须随var lvl更改，但它不会

2 个答案: