//面向?qū)ο蟮姆绞絼?chuàng)建
var aRr01 = new Array(1,2,3,'abc');
//直接創(chuàng)建
var aRr02 = [1,2,3,'def'];//推薦使用,性能更高
//獲取數(shù)組的成員數(shù)量(長度)
// alert(aRr02.length);//彈出4
// alert(aRr02[3]);//彈出cdf
var aRr03 = [[1,2,3],['a','b','c','d'],[true,false]];
// alert(aRr03.length);//彈出3
// alert(aRr03[1].length);//彈出3
alert(aRr03[1][2]);//彈出c
var aRr = [1,2,3,4];
//用-連接數(shù)組元素并轉(zhuǎn)為字符串
//var sTr = aRr.join("-");//用-連接數(shù)組元素并轉(zhuǎn)為字符串,彈出1-2-3-4
// var sTr = aRr.join('');//用空串連接
// alert(sTr);//彈出1234
//向數(shù)組最后追加元素
// aRr.push(5);
// alert(aRr);//1,2,3,4,5
//刪除末尾元素
// aRr.pop();
// alert(aRr);//1,2,3
//向最前面插入元素0
// aRr.unshift(0);
// alert(aRr);//0,1,2,3,4
//刪除第一個(gè)(索引為0的)元素
// aRr.shift();
// alert(aRr);//2,3,4
//反轉(zhuǎn)
// aRr.reverse();
// alert(aRr);//4,3,2,1
//查找字母'b'第一次出現(xiàn)的索引
var aRr2 = ['a','b','c','d','a','b','c','d'];
var num = aRr2.indexOf('b');
// alert(num);//1
//從第2索引元素開始,刪除1個(gè)元素
// aRr2.splice(2,1);//刪除c
// alert(aRr2);//a,b,d,a,b,c,d
//從第2索引元素開始,刪除1個(gè)元素,再插入e
// aRr2.splice(2,1,'e');//把c替換成e
// alert(aRr2);//a,b,e,d,a,b,c,d
//刪除后面的abcd,改為fghi
aRr2.splice(4,4,'f','g','h','i');
alert(aRr2);//a,b,c,d,f,g,h,i
// //獲取頁面上所有的li
// var aLi = document.getElementsByTagName('li');
//獲取id為list01的ul
var oList = document.getElementById('list01');
//再獲取這個(gè)ul下的所有l(wèi)i
var aLi = oList.getElementsByTagName('li');
alert(aLi.length);//// aLi.pop();//錯(cuò)誤用法,aLi是一個(gè)類似數(shù)組的選擇集,沒有數(shù)組通用的一些方法
元素選擇器
作用:通過元素選擇器可以選擇頁面中的所有指定元素
語法:標(biāo)簽名{}
id選擇器
作用:通過元素的id屬性值選中唯一的一個(gè)元素
語法:#id屬性值{}
類選擇器
作用:通過元素的class屬性值選中一組元素
語法:.class屬性值{}
選擇器分組(并集選擇器)
作用:通過選擇器分組可以同時(shí)選中多個(gè)選擇器對應(yīng)的元素
通配選擇器
作用:可以用來選中頁面中的所有的元素
語法:*{}
復(fù)合選擇器(交集選擇器)
作用:可以選中同時(shí)滿足多個(gè)選擇器的元素
語法:選擇器1選擇器2選擇器N{}
對于id選擇器來說,不建議使用復(fù)合選擇器
p#p1{
background-color: red;
}
循環(huán)語句:
通過循環(huán)語句可以反復(fù)的執(zhí)行一段代碼多次
while循環(huán)
- 語法:
while(條件表達(dá)式){
語句...
}
- while語句在執(zhí)行時(shí),
先對條件表達(dá)式進(jìn)行求值判斷,
如果值為true,則執(zhí)行循環(huán)體,
循環(huán)體執(zhí)行完畢以后,繼續(xù)對表達(dá)式進(jìn)行判斷
如果為true,則繼續(xù)執(zhí)行循環(huán)體,以此類推
如果值為false,則終止循環(huán)
do...while循環(huán)
- 語法:
do{
語句...
}while(條件表達(dá)式)
- 執(zhí)行流程:
do...while語句在執(zhí)行時(shí),會先執(zhí)行循環(huán)體,
循環(huán)體執(zhí)行完畢以后,在對while后的條件表達(dá)式進(jìn)行判斷,
如果結(jié)果為true,則繼續(xù)執(zhí)行循環(huán)體,執(zhí)行完畢繼續(xù)判斷以此類推
如果結(jié)果為false,則終止循環(huán)
實(shí)際上這兩個(gè)語句功能類似,不同的是while是先判斷后執(zhí)行,
而do...while會先執(zhí)行后判斷,
do...while可以保證循環(huán)體至少執(zhí)行一次,
而while不能
for語句,也是一個(gè)循環(huán)語句,也稱為for循環(huán)
在for循環(huán)中,為我們提供了專門的位置用來放三個(gè)表達(dá)式:
1.初始化表達(dá)式
2.條件表達(dá)式
3.更新表達(dá)式
for循環(huán)的語法:
for(①初始化表達(dá)式;②條件表達(dá)式;④更新表達(dá)式){
③語句...
}
for循環(huán)的執(zhí)行流程:
①執(zhí)行初始化表達(dá)式,初始化變量(初始化表達(dá)式只會執(zhí)行一次)
②執(zhí)行條件表達(dá)式,判斷是否執(zhí)行循環(huán)。
如果為true,則執(zhí)行循環(huán)③
如果為false,終止循環(huán)
④執(zhí)行更新表達(dá)式,更新表達(dá)式執(zhí)行完畢繼續(xù)重復(fù)②
任意一種循環(huán)都可以互相嵌套
定時(shí)器
setTimeout 只執(zhí)行一次的定時(shí)器
clearTimeout 關(guān)閉只執(zhí)行一次的定時(shí)器
setInterval 反復(fù)執(zhí)行的定時(shí)器
clearInterval 關(guān)閉反復(fù)執(zhí)行的定時(shí)器