87,922
社区成员
发帖
与我相关
我的任务
分享新手自学javascript遇到的小问题
w3cschoolhttp://www.w3school.com.cn/tiy/t.asp?f=js_lightbulb上有这样一段代码
<!DOCTYPE html>
<html>
<body>
<script>
function changeImage()
{
element=document.getElementById('myimage')
if (element.src.match("bulbon"))
{
element.src="/i/eg_bulboff.gif";
}
else
{
element.src="/i/eg_bulbon.gif";
}
}
</script>
<img id="myimage" onclick="changeImage()" src="/i/eg_bulboff.gif">
<p>点击灯泡来点亮或熄灭这盏灯</p>
</body>
</html>
<!DOCTYPE html>
<html>
<body>
<script>
function changeImage()
{
element=document.getElementById('myimage')
if (element.src.match("bulbon"))
{
element.src="/i/eg_bulboff.gif";
}
else
{
element.src="/i/eg_bulbon.gif";
}
}
</script>
<img id="myimage" onclick="changeImage()" src="/i/eg_bulboff.gif">
<p>点击灯泡来点亮或熄灭这盏灯</p>
</body>
</html>
话说这个bulbon（红色部分）是什么意思？
还有，请帮忙解释一下下面这一行代码（详细点。。。具体到这match这在javascript中是个什么函数，功能是什么。。。）
if (element.src.match("bulbon"))
...全文
请发表友善的回复…
发表回复
datarrow 2015-07-26
- 打赏
- 举报
function changeImage() 这个函数可能与改变图片属性有关，
HTML 中可能有如下代码
<img id="myimage" onclick="changeImage()" src="/i/eg_bulbon.gif">
<img id="myimage" onclick="changeImage()" src="/i/eg_bulboff.gif">
element.src.match("bulbon"))
即看某个元素的src的值中是否匹配“bulbon”字符串，根据匹配结果进行操作，如更换图片背景等。
蝶恋花雨 2015-07-25
- 打赏
- 举报
match() 方法可在字符串内检索指定的值，或找到一个或多个正则表达式的匹配。
该方法类似 indexOf() 和 lastIndexOf()，但是它返回指定的值，而不是字符串的位置。
就类似sql中的like 模糊检索出来匹配的路径是否包含这个bulbon
http://www.w3school.com.cn/jsref/jsref_match.asp
阿狸Ahri 2015-07-25
- 打赏
- 举报
就是匹配的意思，如果在字符串里面找到"bulbon"这个字符串，就返回这个字符串数组的意思。
在js里面，那些空串，0，Undefined,NULL，都视为假，其他的视为真
if (element.src.match("bulbon")) //如果路径里面包含 bulbon,这里就返回真。就是说那张图片是eg_bulbon.gif,就是灯亮，所以要改成关灯的。
{
element.src="/i/eg_bulboff.gif";
}
else
{
element.src="/i/eg_bulbon.gif";
}
