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> 

  以下为对一个表格中第一列中的数据进行绝对搜索,同样把所对应的内容所在行跳至当前页面。

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> 

表格在网页中应用十分广泛,一个表格的使用涉及到多种操作技术,各种灵活的操作可以形成一个功能强大的表格,而这些操作大都是基于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> 

  以下为对一个表格中第一列中的数据进行绝对搜索,同样把所对应的内容所在行跳至当前页面。

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> 


« 
» 
快速导航

Copyright © 2016 phpStudy | 豫ICP备2021030365号-3