Bug记录--第一天（蝼蚁虽小......）

比眉伴天荒 2022-04-14 03:17 178阅读 0赞

1.  document not docunment ;
2.  var xx=document.getElementById("demo1);  //别看不起一对引号**" "** .
3.  三目运算符的格式  -------表达式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>

运行结果：

![2018112316371678.png][]

![20181123163742187.png][]

[2018112316371678.png]: /images/20220414/5b0931ebe3434d0fae69d4e95d1b572b.png
[20181123163742187.png]: /images/20220414/6fb76e90b74447df92d63919e6fcacb9.png

发表评论取消回复

表情：

评论列表（有 0 条评论，178人围观）

还没有评论，来说两句吧...

相关阅读

相关小码农的第一天

1.自我介绍 hello大家好，我是新人作家复制哥，很开心能够进入CSDN这个大家庭，我是一个阳光开朗，热情对人的猴年大学生，我会每周发布一些自己的心得，帮助自己更深层次的记

朴灿烈づ我的快乐病毒、/ 2023年09月25日 21:10/ 0 赞/ 95 阅读

相关 Bug记录

1、TypeError: Can not convert a float32 into a Tensor or Operation. TypeError: Can

Myth丶恋晨/ 2023年07月19日 05:56/ 0 赞/ 26 阅读

相关记录开始写博客的第一天

记录开始写博客的第一天起因从大学入学开始，自己总是按部就班的按照老师的安排，老师讲到哪自己就学到哪，对于没学的技术不知道的知识，总是懒得去涉猎，总是安慰自己，掌

àì夳堔傛蜴生んèń/ 2023年06月16日 01:51/ 0 赞/ 12 阅读

相关第一天

\金兴 \1.1G-4G的介绍 1. G generation 2. 1G 大哥大只能进行通话不能发短信安全性差 3. 2G wap.baidu.

青旅半醒/ 2022年08月21日 00:09/ 0 赞/ 271 阅读

相关第一天

![Center][] [Center]: /images/20220715/629f023bde3a4b1a844085b2f1122aae.png

浅浅的花香味﹌/ 2022年07月15日 12:07/ 0 赞/ 282 阅读

相关 Struts2 学习记录-第一天

Struts2 -01 struts2框架认识 struts2框架是web层框架。struts2框架=webwork+strut1框架发展过来的。struts2框

╰半夏微凉°/ 2022年07月12日 10:54/ 0 赞/ 215 阅读

相关微信小程序开发第一天

1. 如果是我们自己编辑页面的话，先是在.wxml里面编辑，之后出现报错，那是因为在app.json为空，应该在其里面编辑代码： \{ "pages":\[ "page

朴灿烈づ我的快乐病毒、/ 2022年05月22日 06:28/ 0 赞/ 216 阅读

相关 Bug记录--第一天（蝼蚁虽小......）

1. document not docunment ; 2. var xx=document.getElementById("demo1); //别看不起一对引号" "

比眉伴天荒/ 2022年04月14日 03:17/ 0 赞/ 179 阅读

相关 Bug记录-----第二天（蝼蚁虽小......）

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1NtdGlt

深藏阁楼爱情的钟/ 2022年04月13日 13:57/ 0 赞/ 180 阅读

相关第一天

在网页中触发右键设置用oncontextmenu，不能触发设置οncοntextmenu="return false" 禁止鼠标右键：οncοntextmenu="ret

妖狐艹你老母/ 2021年09月20日 14:12/ 0 赞/ 597 阅读