点击这里给我发消息 点击这里给我发消息

JavaScript搜索网页表格

添加时间:2010-1-5
    相关阅读: 网页 技术 页面 HTML 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> 

本文作者:未知
咨询热线:020-85648757 85648755 85648616 0755-27912581 客服:020-85648756 0755-27912581 业务传真:020-32579052
广州市网景网络科技有限公司 Copyright◎2003-2008 Veelink.com. All Rights Reserved.
广州商务地址:广东省广州市黄埔大道中203号(海景园区)海景花园C栋501室
= 深圳商务地址:深圳市宝源路华丰宝源大厦606
研发中心:广东广州市天河软件园海景园区 粤ICP备05103322号 工商注册