1 <!DOCTYPE html> 2 <html> 3 <body> 4 <script> 5 function changeImage() 6 { 7 element=document.getElementById('myimage') 8 if (element.src.match("bulbon")) 9 { 10 element.src="/images/pic_bulboff.gif"; 11 } 12 else 13 { 14 element.src="/images/pic_bulbon.gif"; 15 } 16 } 17 </script> 18 19 <img id="myimage" onclick="changeImage()" 20 src="/images/pic_bulboff.gif" width="100" height="180"> 21 22 <p>点击灯泡就可以打开或关闭这盏灯</p> 23 24 </body> 25 </html> 26
上面是一个简单地例子。可以试着运行一下，我写这个不为别的，只是对src做一个回顾。嘿嘿………………！