我是Java语言和整体Web编程的新手。
我正在尝试制作将根据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等于2还是1,图片都更改为var lvl

最佳答案

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

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

关于javascript - 在javascript中,图片必须随var lvl一起更改,但不会更改,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/34308719/

10-12 12:36