一、if? ?的使用
1、if（判斷條件）{}else {}
?if(判斷條件){
?條件成立要執(zhí)行的內(nèi)容
} else {
條件不成立要執(zhí)行的內(nèi)容
}
2、if（）{}? ? ? ? ? ?可以只有 if 沒有 else
if(判斷條件){
條件成立要執(zhí)行的內(nèi)容
}
二、數(shù)組存儲(chǔ)數(shù)據(jù)
eg.? var arr = ["a", 2, document.body, true, 3, 10];
eg.? var imgData = [
? ? ? ? ? ?"img/img0.jpg",
? ? ? ? ? ?"img/img1.jpg",
? ? ? ? ? ? "img/img2.jpg",
? ? ? ? ? ? "img/img3.jpg",
? ? ? ? ? ? "img/img4.jpg"
? ? ? ? ? ];
數(shù)組使用注意：
每一位數(shù)據(jù)之間用,號(hào)隔開
可以記錄（length） 數(shù)組的長(zhǎng)度
想要拿到其中一位用下標(biāo)
三、過界處理（0? ?-? ? img.length - 1） //0? 到? 數(shù)組最后一張
now--;
if(now < 0){//最小只能到0，小于0的時(shí)候，已經(jīng)過界了
now = 4;? //當(dāng)小于0時(shí)就等于4，（做循環(huán)處理）
now = 0;? //當(dāng)小于0時(shí)就等于0，（做暫停處理）
}
now++;
if(now > 4){//最大只能到4，大于4的時(shí)候，已經(jīng)過界了
now = 0;? //當(dāng)大于4時(shí)就等于0，（做循環(huán)處理）
now = 4;? //當(dāng)大于4時(shí)就等于4，（做暫停處理）
}
四、獲取元素的方法：var? a = ...
1、document.getElementById("idName") 通過id來查找一個(gè)元素
2、 parent.getElementsByTagName('tagName') 通過標(biāo)簽名字，在父級(jí)來查找一組元素
3、 parent.getElementsByClassName('className') 通過class名字，在父級(jí)來查找一組元素
4、parent.querySelector('css選擇器');
? ? ? ?通過一個(gè)合法css選擇器，在父級(jí)來查找一個(gè)元素(如果找到的是一組元素就只返回這組的第0個(gè))
5、parent.querySelectorAll('css選擇器');
? ? ? 通過一個(gè)合法css選擇器，在父級(jí)來查找一組元素
五、循環(huán)的使用 （for（）{}）
js中不能同時(shí)操作一組元素，如果想對(duì)一組元素批量進(jìn)行操作，可以使用循環(huán)。
執(zhí)行順序：1->2->3->4
包含：
1-）初始值: i = 0
2-）判斷條件: i < 5
3-）執(zhí)行語句: alert(i)
4-）自增： i++
eg1 .? ? for(var i = 0; i < 5; i++){
? ? ? ? ? ? ? ?alert(i);? ? ? ? ? ? ? ? ? ? //依次彈出：0、1、2、3、4
? ? ? ? ? ?}
eg2.? ? ?for(var i = 2; i <= 7; i += 3){
? ? ? ? ? ? ? ? alert(i);? ? ? ? ? ? ? ? ?
? ? ? ? ? ? }
//? ? 判斷條件成立時(shí)，則循環(huán)一直執(zhí)行，直到條件不成立時(shí)，循環(huán)結(jié)束，彈出結(jié)果： 8
eg3.? ? ? for(var i = 0; i < 10; i -= 2.5){
? ? ? ? ? ? ? ? ? ? ? console.log(i);
? ? ? ? ? ? ? ?}
//死循環(huán),條件沒有不成立的時(shí)候，循環(huán)會(huì)一直執(zhí)行下去
△循環(huán)的作用：
1、批量操作元素
for(var i = 0; i < lis.length; i+=2){
? ? ? ? lis[i].style.background = "#ccc";
}
for(var i = 1; i < lis.length; i+=2){
? ? ?lis[i].style.background = "#eee";
}
2-1、生成一列元素
<ul? class = "list"></ul>
var list = document.querySelector('.list');
var inner = "";
for(var i = 0; i < 5; i++){
inner += '<li>'+i+'</li>';
}
list.innerHTML = inner;
2-2、生成多行多列元素
for(var i = 0; i < 5; i++){
? ? ? for(var j = 0; j < 5; j++){
? ? ? ? ? ? ? ?inner += '<li style = "left:'+j*100+'px;top:'+i*100+'px;">'+i+'行<br/>'+j+'列<br/>'+(i * 5 + j)+'號(hào)</li>';
? ? }
}
?i * length + j
list.innerHTML = inner;
