带有 if-else 的 Javascript onclick 事件声明

Question

我是 javascript 的新手，现在我开始使用 javascript。

这是链接(运行示例):

http://www.w3schools.com/js/tryit.asp?filename=tryjs_intro_lightbulb

这里，我提出一个疑问，

  if (image.src.match("bulbon")) {
//do stuff
} 

我可以知道，我们为什么要使用“bulbon”吗？

我尝试了另一个例子，这是我的代码:

<img width="300px" height="300px" src="dim-bulb.jpg" id="bulb" onclick="changebulb()"  alt=bulb"/>
<script>
function changebulb() {

var image=document.getElementById("bulb");
if(image.src.match("bulbon")) {
image.src="dim-bulb.jpg";
}
else {
image.src="bright.jpg";
}
}

当我运行我的代码时，它部分工作，即当我点击时，它会变亮，但我再次点击它并没有显示为暗淡..

我可以知道我的错误是什么吗？

提前致谢。

Answer 1

在你的 if 条件下

if(image.src.match("bulbon"))

您正在尝试匹配您的 gif 中的 bulbon 并且两个 gif 都没有 bulbon 命名。

应该是这样的

if(image.src.match("bulbon"))
image.src="dim-bulb.jpg";
}
else {
image.src="bulbon.jpg"; }

或者像这样正确检查明亮的图像:

if(image.src.match("bright")) {
image.src="dim-bulb.jpg";
}
else {
image.src="bright.jpg";
}