03.js String对象方法 -- match（）

<img id="bulb" src="./pic_bulboff.gif">

<script type="text/javascript">
	var bulb = document.getElementById("bulb");
	bulb.onclick = function(){
		if(bulb.src.match("bulboff")){
			bulb.src = "./pic_bulbon.gif";
		}else{
			bulb.src = "./pic_bulboff.gif";
		}
	}
</script>

上述代码实现的效果是，点击灯泡，灯泡变亮。再点击，灯泡变灭。。。

本文主要介绍下，字符串string对象方法 – match（）

bulb.src.match("bulboff") 意思是看bulb的src属性里是否包含 “buloff” 字符串，如果包含，返回 true，否则返回 false

---

以上代码可以用三目运算符，更简洁，代码如下：

<img id="bulb" src="./pic_bulboff.gif">

<script type="text/javascript">
	var bulb = document.getElementById("bulb");
	bulb.onclick = function(){
		bulb.src = bulb.src.match("bulboff")?"./pic_bulbon.gif":"./pic_bulboff.gif";
	}
</script>