一、 數組
1、 什麼是數組
數組就是一組數據的集合,其表現形式就是在內存中一段連續的內存地址
2、 創建數組
l var arr=[值1,值2,值3];
l var arr=new Array(值1,值2,值3);
l var array=new Array(size);
3、 數組長度
Length
4、 for…..in語句
語法:
for( var i in array ){
}
第1次運行時將第1個元素的下標保存至變量i中
第2次運行時將第2個元素的下標保存至變量i中
………以此類推
5、 文本下標
語法:
arr[‘key’]
使用文本下標注意事項:
1)文本下標是以屬性形式存儲到數組對象上
對象.屬性
2)數組的文本下標元素不計入到數組長度
3)帶有文本下標元素的數組該如何遍歷?
6、 數組相關函數
1) 添加數組元素
l arrayObject.push(newelement1,newelement2,....,newelementX)
在數組末尾添加一個或多個數組元素
l arrayObject.unshift(newelement1,newelement2,....,newelementX)
在數組開始添加一個或多個數組元素
l arrayObject.splice(index,howmany,element1,.....,elementX)
在數組某個位置添加一個或多個數組元素
2) 刪除數組元素
l arrayObject.pop()
刪除數組末尾元素
l arrayObject.shift()
刪除數組第一個元素
l arrayObject.splice(index,howmany)
刪除第index個元素開始共howmany個元素
3) 截取或合併
l arrayObject.slice(start[,end])
截取數組的一部分
start:從哪開始
end:到哪結束(end-1)
l arrayObject.concat(arrayX,arrayX,......,arrayX)
將多個數組合併到一起
4) 連接或分割
arrayObject.join(separator)
將數組元素連接成一個字符串
Separator:分隔符
stringObject.split(separator[, howmany])
將某個字符串以某種分隔符切成一個數組
Separator:分隔符
[, howmany]:期望最終返回數目
二、dom
1、 瞭解dom操作
Dom:document object mode
Dom:
Dom core
getElementById(‘’);
getElementsByName();
getElementsByTagName();
firstChild
parentChild
Html dom
Var img1= Document.getElementById(‘img1’);
Img1.src=’1.jpg’;
Img1.width
Img1.height
Css dom
Var img1= Document.getElementById(‘img1’);
Img1.style.position
Img1.style.width
2、 實際應用
3、 二級連動
<tr>
<th>一級分類</th><td>
<select name="subsidiary_cat_id" class="subsidiary_cat_id" onchange="linkage('.subsidiary_cat_id','.cat_id');">
<option>請選擇</option>
</select>
<script language="javascript">
var linkage_data={$list_file_category};//初始化級聯數據,{$list_file_category}是PHP的JSON_ENCODE的數據,數組有3個數據,id,parent_id,name
function linkage(parent_dom,son_dom){
var parent_id=0;
if(parent_dom){
parent_id=$(parent_dom).val();
}
$(son_dom).empty();//先清空下拉
var html='<option>請選擇</option>';
$.each(linkage_data,function(key,value){
if(value.parent_id==parent_id){
html+="<option value='"+value.id+"'>"+value.name+"</option>";
}
});
$(son_dom).append(html);
}
linkage('',".subsidiary_cat_id")//不傳上級節點,表示爲第一級數據
</script>
</td></tr>
<tr><th>二級目錄</th><td>
<select name="cat_id" class="cat_id">
<option>請選擇</option>
</select></td></tr>