獲取元素:
document.getElementById('id');
document.getElementsByTagName('標簽');
document.body
事件:
onclick 點擊
onmouseover? 鼠標移入
onmouseout 鼠標移出
onchange? ? select下的option的value 99%
函數(shù):
聲明:function 名字(){}
調用:名字()
取名字:
oBject? 一個對象
aBject? 多個對象
變量:
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í)行
*****************************《選項卡》重點例子：
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 () {
//點擊按鈕aBtn觸發(fā)的事件
for(var i=0;i
aBtn[i].className='';
//aBtn按鈕樣式為空
aDiv[i].style.display='none';
//div全部設置為不顯示
}
this.className='red';
//讓當前執(zhí)行的aBtn按鈕，為紅色
aDiv[this.a].style.display='block';
//當前點擊按鈕觸發(fā)的事件，當前的的div為顯示
}
}
}
