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 获取LI里的内容
SQL语句练习实例之四 找出促销活动中销售额最高的职员
dedecms 在内容模板里调用栏目内容即{dede:field.content/}
如何实现给定日期的若干天以后的日期
Linux系统下编译安装支持NTFS的内核模块
IE6下padding的一个影响布局的问题
javascript实现的文字加密解密
JQery jstree 大数据量问题解决方法
SQL Server 2000 作数据库服务器的优点
php imagecreatetruecolor 创建高清和透明图片代码小结
巧用ora2html收集Oracle数据库信息
css字体设置(不同浏览器设置效果)
Windows 7加密优盘(U盘)的方法介绍
javascript中万恶的function实例分析
快速导航

Copyright © 2016 phpStudy | 皖ICP备18014864号-4