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

比眉伴天荒 2022-04-14 03:17 147阅读 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 条评论，147人围观）

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

相关阅读

相关小码农的第一天

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

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

相关 java第一天课程_Java学习-第一天

今天开始学习Java，看的是\[毕向东\_Java基础视频教程\].因为没有书，将笔记写写在博客上可以备忘和记录学习里程。同时希望通过写博客的形式可以让自己学习Java更有动力

柔情只为你懂/ 2022年10月23日 08:27/ 0 赞/ 294 阅读

相关日常bug记录

遇到这个bug还挺突然的。 @Test public void timeGap() { TemporalAccessor en

拼搏现实的明天。/ 2022年10月09日 12:26/ 0 赞/ 175 阅读

相关第一天

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

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

相关第一天

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

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

相关 Struts2 学习记录-第一天

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

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

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

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

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

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

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

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

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

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1NtdGlt

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

相关第一天

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

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