if语句
语法:
if(条件){
// 条件成立,执行这里的代码
}
if中的这个条件会被转换成true/false
条件要么成立,要么不成立
成立为真 ??表示为true
不成立为假 表示为false
经过几天的练习,我了解到只要是条件判断,那么用 if 语句就没错了,当条件不止一个时,那就要走 else 来执行了,当 else 也压不住的话就得请else if ( 条件) 来判断啦
ヾ(???ゞ)。
当然了,每学一个知识点,我们都要去用它去做一些东西来检(增)验(加)一(些)下(成)掌(就)握(感)程度(づ ̄3 ̄)づ╭?~ 最基础的就是两张图片来回切换~
部分代码如下:
<script>var btn = document.getElementById(‘btn‘)var img = document.getElementById(‘img‘)var num = 1btn.onclick = function (){if (num == 1){img.src = ‘../img/2.jpg‘num = 2}else if (num == 2){img.src=‘../img/1.jpg‘num = 1}}</script>
很简单对吧?下边还有进阶版的,多张图片循环播放,按顺序播放,部分如下(循环播放):
<script> ???var n = 1; ?// 记录的是第一张 ???// "./imgs/"+n+".jpg"btn.onclick = function (){n = n+1; // 让n+1重新赋值给n// 图片之后5张,当n加到了第6张,第6张图片是不存在,需要让n重新回到1if(n == 6){n = 1}console.log(‘./imgs/‘+n+‘.jpg‘);img.src = ‘./imgs/‘+n+‘.jpg‘}</script>
最核心的一点就是判断图片是否过界,即是否切换到了最后一张或者第一张,再对其进行赋值即可。顺序播放的话可以通过判断当到达边界那一张时,使 n 得值定格在那一张即可。
js - if-else语句
原文地址:https://www.cnblogs.com/zyuu/p/8205716.html