灯泡开关案例
程序员文章站
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>