Bug記錄--第一天(螻蟻雖小......)
阿新 • • 發佈:2018-12-01
- document not docunment ;
- var xx=document.getElementById("demo1); //別看不起一對引號" " .
-
三目運算子的格式 -------表示式1?表示式2:表示式3; //注意 : 是英文狀態下的
JavaScript小案例----點選燈泡發光
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>燈泡閃亮</title> </head> <body> <img id="demo1" onClick="light()" src="js/pic_bulboff.gif" /> <p>點選燈泡可放光</p> <script> function light(){ var xx=document.getElementById("demo1"); if(xx.src.match("bon")){ xx.src="js/pic_bulboff.gif" ; }else{ xx.src="js/pic_bulbon.gif" ; } } </script> </body> </html>
還可以這樣寫:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>燈泡閃亮</title> </head> <body> <img id="demo1" onClick="light()" src="js/pic_bulboff.gif" /> <p>點選燈泡可放光</p> <script> function light(){ var xx=document.getElementById("demo1"); xx.src=xx.src.match("bon")?"js/pic_bulboff.gif":"js/pic_bulbon.gif"; } </script> </body> </html>
執行結果: