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    maxc ol= 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 >  
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值