JS自学之if判断小示例

最新推荐文章于 2021-11-26 15:11:23 发布

cookielv

最新推荐文章于 2021-11-26 15:11:23 发布

阅读量461

点赞数

CC 4.0 BY-SA版权

分类专栏：自学第一课

本文链接：https://blog.youkuaiyun.com/qq_19004625/article/details/53401060

自学第一课专栏收录该内容

11 篇文章

订阅专栏

本次我要展示的是用if else 判断来切换图片，由于图片的路径不能作为判断，所以要用布尔值来设置开关。

实现的效果图：

代码很简单：

<body>
		<img id="img1" src="img/1.jpg" /> 
		
	<script>
		var oImg=document.getElementById("img1");
		var onOff=true;
		oImg.onclick=function(){
			if(onOff){
				oImg.src="img/3.jpg";
				onOff=false;
			}else{
				oImg.src="img/1.jpg";
				onOff=true;
			}
		}
	</script>

只需要两张图片，定义一个值的状态来切换图片。没切换一次图片，状态相对的切换。