JavaScript搜索網頁表格
??? 表格在網頁中應用十分廣泛,一個表格的使用涉及到多種操作技術,各種靈活的操作可以形成一個功能強大的表格,而這些操作大都是基于javascript來完成的,下面就是使用javascript來實現對一個表格的所在列進行搜索,分別完成模糊搜索和絕對搜索功能。
??? 以下為模糊搜索并將搜索到的內容所在的行跳到當前面前中.
?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("沒找到:“"???+???vstr ? +???"”,請重新輸入!" );??
21? ??}??
22?</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("沒找到:“"???+???vstr ? +???"”,請重新輸入!" );??
21? ??}??
22?</script>?
??? 以下為對一個表格中第一列中的數據進行絕對搜索,同樣把所對應的內容所在行跳至當前頁面。
?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("沒找到:“"???+???vstr ? +???"”,請重新輸入!" );??
21? ??}??
22?</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("沒找到:“"???+???vstr ? +???"”,請重新輸入!" );??
21? ??}??
22?</script>?
?
鳳凰涅槃/浴火重生/馬不停蹄/只爭朝夕
???? 隱姓埋名/低調華麗/簡單生活/完美人生
posted on 2007-12-01 00:51 poetguo 閱讀(2621) 評論(4) 編輯 收藏 所屬分類: JavaScript