欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

灯泡开关案例

程序员文章站 2022-07-12 17:34:26
...

by def


<html>
<head><title>灯泡开关案例</title>
<!--其实灯泡开关的核心就仅是两张图片替换 -->
<script>
	function xx()
	{
		var a = window.document.getElementById('test');
		if(a.src.indexOf('on')>=0)//查找a里面src属性里是否有on这个字符。如果有就会得到字符所在的位置,范围值为数字。没找到就等于-1
		{
			a.src="off.jpg";//如果灯泡开启就让他关闭
		}else
		{
			a.src="on.jpg";//否则让他开启。
		}
	}
</script>
</head>
<body>
	<img id="test" src="./on.jpg" alt="" id="on" onclick="xx();">
</body>
</html>