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> 
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值