我是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/