Rumah > hujung hadapan web > tutorial js > 改变图像,运用match方法的实例代码

改变图像,运用match方法的实例代码

零下一度
Lepaskan: 2017-07-02 09:21:00
asal
1487 orang telah melayarinya

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</title> 
</head>
<body>
<script>
function changeImage()
{
element=document.getElementById(&#39;myimage&#39;)
if (element.src.match("bulboff"))//JavaScript String对象 Match()方法  ,如果匹配到bulboff字符,返回TRUE,否则返回FALSE
 {
  element.src="/images/pic_bulbon.gif";
  }
else
   {
  element.src="/images/pic_bulboff.gif";
   }
}
</script>
<img id="myimage" onclick="changeImage()"
src="/images/pic_bulboff.gif" width="100" height="180">
<p>点击灯泡就可以打开或关闭这盏灯</p>
</body>
</html>
Salin selepas log masuk


Atas ialah kandungan terperinci 改变图像,运用match方法的实例代码. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan