獲取元素:
document.getElementById('id');
document.getElementsByTagName('標(biāo)簽');
document.body
事件:
onclick 點(diǎn)擊
onmouseover? 鼠標(biāo)移入
onmouseout 鼠標(biāo)移出
onchange? ? select下的option的value 99%
函數(shù):
聲明:function 名字(){}
調(diào)用:名字()
取名字:
oBject? 一個(gè)對象
aBject? 多個(gè)對象
變量:
var 名字=值
判斷:流程控制語句
if(條件){語句1}else{語句2}
if(條件1){語句1}else if(條件2){語句2}
case 情況1:
語句
break;
case 情況2:
語句
break;
}
break? 打斷執(zhí)行? 后面代碼不執(zhí)行
continue? 跳過本次執(zhí)行
return:返回值
1.可以返回任何東西
2.阻斷后面代碼執(zhí)行
*****************************《選項(xiàng)卡》重點(diǎn)例子：
111
222
333
window.onload=function () {
//必加适室，后獲取js代碼
var oBox=document.getElementById('obox');
//文檔 ? ? ? ?獲取 ? ? ? ?元素 ? ? ?通過 ? ? ?id
var aBtn=oBox.getElementsByTagName('input');
var aDiv=oBox.getElementsByTagName('div');
for(var i=0;i
//循環(huán)
aBtn[i].a=i;
//給i賦值等于a
aBtn[i].onclick=function () {
//點(diǎn)擊按鈕aBtn觸發(fā)的事件
for(var i=0;i
aBtn[i].className='';
//aBtn按鈕樣式為空
aDiv[i].style.display='none';
//div全部設(shè)置為不顯示
}
this.className='red';
//讓當(dāng)前執(zhí)行的aBtn按鈕，為紅色
aDiv[this.a].style.display='block';
//當(dāng)前點(diǎn)擊按鈕觸發(fā)的事件鳄虱，當(dāng)前的的div為顯示
}
}
}
