???
表格在網(wǎng)頁(yè)中應(yīng)用十分廣泛，一個(gè)表格的使用涉及到多種操作技術(shù)，各種靈活的操作可以形成一個(gè)功能強(qiáng)大的表格，而這些操作大都是基于javascript來(lái)完成的，下面就是使用javascript來(lái)實(shí)現(xiàn)對(duì)一個(gè)表格的所在列進(jìn)行搜索，分別完成模糊搜索和絕對(duì)搜索功能。
??? 以下為模糊搜索并將搜索到的內(nèi)容所在的行跳到當(dāng)前面前中.
?1?<script>
??
?2???function
?? sousuo(table,vstr){??
?3???var???t=false
;??
?4???var???maxrow=
table.rows.length;??
?5???var???maxcol=table.rows[0
].cells.length;??
?6???var
???tdcon;?
?7?
???
?8???for(i=0;i<maxrow;i++
){??
?9?
? for(j=0;j<maxcol;j++)
???? {
10???tdcon???=???table.rows[i].cells[j
];??
11???if(tdcon.innerHTML.indexOf(vstr)>=0){?
13?
??table.rows[i].scrollIntoView();?
14???t=true
;??
15?
??}??
16
? }
17?
??}??
18???if
(t){
19?
??}??
20???else???alert("沒(méi)找到：“"???+???vstr ? +???"”，請(qǐng)重新輸入！"
);??
21?
??}??
22?</script>?
??? 以下為對(duì)一個(gè)表格中第一列中的數(shù)據(jù)進(jìn)行絕對(duì)搜索，同樣把所對(duì)應(yīng)的內(nèi)容所在行跳至當(dāng)前頁(yè)面。
?1?<script>
??
?2???function
???she(table,vstr){??
?3???var???t=false
;??
?4???var???maxrow=
table.rows.length;??
?5???var???maxcol=table.rows[0
].cells.length;??
?6???var
???tdcon;?
?7?
???
?8???for(i=0;i<maxrow;i++
){??
?9?
????
10???tdcon???=???table.rows[i].cells[0
];??
11???if(tdcon.innerHTML==vstr){?
13?
??table.rows[i].scrollIntoView();?
14???t=true
;??
15?
??}??
16?
?
17?
??}??
18???if
(t){
19?
??}??
20???else???alert("沒(méi)找到：“"???+???vstr ? +???"”，請(qǐng)重新輸入！"
);??
21?
??}??
22?</script>?
?
鳳凰涅槃/浴火重生/馬不停蹄/只爭(zhēng)朝夕
???? 隱姓埋名/低調(diào)華麗/簡(jiǎn)單生活/完美人生