`

element.src.match("bulbon")

    博客分类:
  • JS
阅读更多
<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</title> 
</head>
<body>
	
<script>
function changeImage()
{
	element=document.getElementById('myimage')
        //match() 方法可在字符串内检索指定的值,或找到一个或多个正则表达式的匹配。
        //element.src.match("bulbon")意思是 Src路径里有bulbon匹配则为true.
	if (element.src.match("bulbon"))
 	{
  		element.src="/images/pic_bulboff.gif";
  	}
	else
   {
  		element.src="/images/pic_bulbon.gif";
   }
}
</script>
<img id="myimage" onclick="changeImage()"
src="/images/pic_bulboff.gif" width="100" height="180">
<p>点击灯泡就可以打开或关闭这盏灯</p>
	
</body>
</html>
分享到:
评论

相关推荐

    常用的HTML+CSS标签480个(带中文解释说明)

    element.src.match("bulbon") match() 方法可在字符串内检索指定的值,或找到一个或多个正则表达式的匹配。 border-radius:10px;设置边框为弧形 border-collapse:collapse;表格边框相邻时自动合并 clear:both;...

    JAVASCRIPT

    JavaScript 的条件语句包括 `if...else` 语句,如示例中的 `if (element.src.match("bulbon"))`,用于根据条件执行不同的代码块。 3. **事件处理**: 示例中展示了 `onclick` 事件,当用户点击图像时,会调用 `...

    javascript实现点亮灯泡特效示例

    - `pic_bulboff.gif`和`pic_bulbon.gif`是两个不同的灯泡图片,分别代表灯泡关闭和开启的状态。 5. **事件处理程序**: - 在JavaScript中,`addEventListener`或`onclick`可以用来添加事件监听器。在这个例子中,...

    新思微POS连锁超市管理系统(delphi源码控件)

    新思微POS连锁超市管理系统(delphi源码控件)(这次上传的是控件,方便大家学习与二次开发,请大家支持正版)POS收银系统.超市进销存管理系统.网络版.MSSQL2000★Delphi源码 │ ├─超市收银系统pos(无敌打印)for...

    DELPHI家庭财账管理软件毕业设计代码.zip_delphi_家庭财账_管理

    4. **bulbon.bmp** 和 **doorshut.bmp**: 这些是位图文件,通常用作软件的图形资源,可能是界面中的按钮图像或者其他UI元素,提升用户体验。 5. **YYEditor.cfg**、**yoyo.cfg** 和 **DelForExp.cfg**: 这些可能是...

Global site tag (gtag.js) - Google Analytics