條件分支語(yǔ)句：
? ? ? ? var today = 1;
? ? ? ? switch(today){
? ? ? ? ? ? case 1:
? ? ? ? ? ? ? ? alert('語(yǔ)文');
? ? ? ? ? ? ? ? break;//沒(méi)有break直接把下面的代碼執(zhí)行完
? ? ? ? ? ? case 2:
? ? ? ? ? ? ? ? alert('數(shù)學(xué)');
? ? ? ? ? ? ? ? break;
? ? ? ? ? ? case 3:
? ? ? ? ? ? ? ? alert('英語(yǔ)');
? ? ? ? ? ? ? ? break;
? ? ? ? ? ? case 4:
? ? ? ? ? ? ? ? alert('美術(shù)');
? ? ? ? ? ? ? ? break;
? ? ? ? ? ? case 5:
? ? ? ? ? ? ? ? alert('舞蹈');
? ? ? ? ? ? ? ? break;
? ? ? ? ? ? default://可以寫(xiě)在上邊
? ? ? ? ? ? ? ? alert('不補(bǔ)習(xí)');
? ? ? ? //? ? ? ? 最后一個(gè)可以不寫(xiě)break
? ? ? ? }
數(shù)組：
? ? ? ? var arr1 = new Array(1,2,3,4);
? ? ? ? //直接創(chuàng)建
? ? ? ? var arr2 = [1,2,3,4];
? ? ? ? alert(arr2.length);//查看數(shù)組長(zhǎng)度
? ? ? ? alert(arr2[3]);//下標(biāo)索引值
? ? ? ? var arr3 = [[1,2,3],['a','b','c','d'],[true,false]];//二維數(shù)組
? ? ? ? alert(arr3.length);//三個(gè)小的數(shù)組
? ? ? ? alert(arr3[1].length);//用下標(biāo)進(jìn)入第二個(gè)小數(shù)組然后length查看長(zhǎng)度
? ? ? ? alert(arr3[1][2]);//c用下標(biāo)進(jìn)入第二個(gè)小數(shù)組繼續(xù)取出下標(biāo)為2的元素
數(shù)組的常用方法：
? ? ? ? var aRr = [1,2,3,4];
? ? ? ? var str = aRr.join('-');//用減號(hào)來(lái)合并連接
? ? ? ? var str2 = aRr.join('');//轉(zhuǎn)字符串
? ? ? ? aRr.push(5);//從末尾添加
? ? ? ? aRr.pop();//從末尾刪除
? ? ? ? aRr.unshift(0);//從開(kāi)頭添加
? ? ? ? aRr.shift();//從前邊刪除
? ? ? ? aRr.reverse();//反轉(zhuǎn)數(shù)組
? ? ? ? var arr2 = ['a','b','c','d','a','b','c','d'];
? ? ? ? var num = arr2.indexOf('b');//查看b在數(shù)組中第一次出現(xiàn)的位置
? ? ? ? arr2.splice(2,1);//刪除下標(biāo)為2的一個(gè)元素
? ? ? ? arr2.splice(2,1,'e');//刪除后添加粟害，相當(dāng)于修改
? ? ? ? arr2.splice(4,4,'e','f','g','h');//從下標(biāo)為4的開(kāi)始刪除4個(gè)，然后添加
? ? ? ? arr2.splice(2,0,'e');//在下標(biāo)為2的前邊添加一個(gè)e 增加
通過(guò)標(biāo)簽獲取元素：
? ? ? ? window.onload = function () {
? ? ? ? ? ? var list1 = document.getElementById('list1');//獲取ul id 然后獲取ul下邊的li
? ? ? ? ? ? var lis = list1.getElementsByTagName('li');//獲取頁(yè)面上所有的li 數(shù)據(jù)集
? ? ? ? ? ? //只能調(diào)用length來(lái)查看長(zhǎng)度 偽數(shù)組
? ? ? ? ? ? lis[0].style.backgroundColor = 'gold';//通過(guò)下標(biāo)來(lái)設(shè)置
? ? ? ? }
循環(huán)語(yǔ)句：
? ? ? ? window.onload = function () {
? ? ? ? ? ? var oList = document.getElementById('list1');
? ? ? ? ? ? var aLi = oList.getElementsByTagName('li');
? ? ? ? ? ? for (var i = 0; i < aLi.length; i++) {
? ? ? ? ? ? ? ? aLi[i].style.background = 'red';
? ? ? ? ? ? }
? ? ? ? }
? ? ? ? window.onload = function () {
? ? ? ? ? ? var oList = document.getElementById('list1');
? ? ? ? ? ? var aLi = oList.getElementsByTagName('li');
for循環(huán)
? ? ? ? ? ? // for (var i = 0; i < aLi.length; i++) {
? ? ? ? ? ? //? ? if(i % 2 == 0){
? ? ? ? ? ? //? ? aLi[i].style.background = 'red';
? ? ? ? ? ? //? ? }
? ? ? ? ? ? // }
while循環(huán)
? ? ? ? ? ? // var i = 0;
? ? ? ? ? ? // while(i<aLi.length){
? ? ? ? ? ? //? ? if (i % 2 == 0){
? ? ? ? ? ? //? ? ? ? aLi[i].style.backgroundColor = 'red';
? ? ? ? ? ? //? ? }
? ? ? ? ? ? //? ? i++
do while 循環(huán)
? ? ? ? ? ? var i = 0;
? ? ? ? ? ? do{
? ? ? ? ? ? ? ? if ( i % 2 == 0){
? ? ? ? ? ? ? ? ? ? aLi[i].style.backgroundColor = 'red';
? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? i++
? ? ? ? ? ? }while (i<aLi.length)
? ? ? ? }
數(shù)組去重：
? ? ? ? var arr = [1,1,3,5,4,7,8,5,6,8,9,6,4,3,2,1,];
? ? ? ? var arr2 = [];
? ? ? ? for (var i=0; i<arr.length; i++){
? ? ? ? ? ? if(arr.indexOf(arr[i]) == i){//第一次出現(xiàn)的下標(biāo)
? ? ? ? ? ? ? ? arr2.push(arr[i]);
? ? ? ? ? ? }
? ? ? ? }
字符串反轉(zhuǎn)：
split轉(zhuǎn)數(shù)組
reverse數(shù)組反轉(zhuǎn)
join數(shù)組轉(zhuǎn)字符串
定時(shí)器彈框
.pop{
width:?400px;
height:?300px;
background-color:?#fff;
border:?1px?solid?#000;
/*固定定位*/
position:?fixed;
/*左上角位于頁(yè)面中心*/
left:?50%;
top:?50%;
/*讓div向左偏移半個(gè)寬度颤芬、向上偏移半個(gè)高度悲幅，使div位于頁(yè)面中心*/
margin-left:?-200px;
margin-top:?-150px;
/*彈窗在最上面*/
z-index:?9999;
}
/*遮罩樣式*/
.mask{
position:?fixed;
width:?100%;
height:?100%;
background-color:?#000;
left:?0;
top:?0;
/*設(shè)置透明度30%*/
opacity:?0.3;
filter:?alpha(opacity=30);/*兼容IE6、7站蝠、8*/
/*遮罩在彈窗的下面汰具，在網(wǎng)頁(yè)所有內(nèi)容的上面*/
z-index:?9990;
}
.pop_con{
display:?none;/*默認(rèn)不顯示，用定時(shí)器顯示*/
}
/*
setTimeout只執(zhí)行一次的定時(shí)器
clearTimeout關(guān)閉只執(zhí)行一次的定時(shí)器
setInterval反復(fù)執(zhí)行的定時(shí)器
clearInterval關(guān)閉反復(fù)執(zhí)行的定時(shí)器
*/
window.onload?=?function(){
var?oPop?=?document.getElementById('pop');
var?oShut?=?document.getElementById('shutOff');
/*setTimeout(showPop,?3000);//開(kāi)啟定時(shí)器菱魔，3秒后調(diào)用函數(shù)showPop()彈框
function?showPop(){
oPop.style.display?=?'block';//顯示彈框和遮罩
}*/
//開(kāi)啟定時(shí)器的簡(jiǎn)寫(xiě)方式：調(diào)用匿名函數(shù)
setTimeout(function(){
oPop.style.display?=?'block';
},?3000);
oShut.onclick?=?function(){
oPop.style.display?=?'none';//關(guān)閉彈框和遮罩
}
}
</script>
</head>
<body>
<h1>首頁(yè)標(biāo)題</h1>
<p>頁(yè)面內(nèi)容</p >
<a href=" ">百度網(wǎng)</a >
<div class="pop_con" id="pop">
<div class="pop">
<h3>提示信息留荔！</h3>
<a href="#" id="shutOff">關(guān)閉</a >
</div>
<div class="mask"></div>
</div>
