if语句
语法：
if(条件){
// 条件成立，执行这里的代码
}
if中的这个条件会被转换成true/false
条件要么成立，要么不成立
成立为真 表示为true
不成立为假 表示为false
经过几天的练习，我了解到只要是条件判断，那么用 if 语句就没错了，当条件不止一个时，那就要走 else 来执行了，当 else 也压不住的话就得请else if ( 条件) 来判断啦
ヾ(???ゞ)。
当然了，每学一个知识点，我们都要去用它去做一些东西来检（增）验（加）一（些）下（成）掌（就）握（感）程度（づ￣3￣）づ╭?～ 最基础的就是两张图片来回切换~
部分代码如下：
<script>
var btn = document.getElementById(‘btn‘)
var img = document.getElement
ById(‘img‘)
var num = 1
btn.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重新回到1
if(n == 6){
n = 1
}
console.log(‘./imgs/‘+n+‘.jpg‘);
img.src = ‘./imgs/‘+n+‘.jpg‘
}
</script>
最核心的一点就是判断图片是否过界，即是否切换到了最后一张或者第一张，再对其进行赋值即可。顺序播放的话可以通过判断当到达边界那一张时，使 n 得值定格在那一张即可。
