web前端|js教程
JS,表格数据,搜索功能,方法
web前端-js教程
本文实例讲述了JS实现表格数据各种搜索功能。可忽略大小写,模糊搜索,多关键搜索。分享给大家供大家参考。具体实现方法如下：
最新款电子游艺网站源码,vscode字符编码在哪设置,ubuntu 桌面特效,怎么使用tomcat运行,ipad sqlite,网页设计包含内容,4种数据库服务器关闭方式,个人服务器网站备案,e客服插件,前端未来框架,树蛙爬虫店,php多维数组排序,seo技术顾问,springboot 缓存类,discuz 科技网站模板,播放器带歌词网页版,增删改查的表格模板,html5网站后台模板,广告覆盖了页面 代码,文件管理系统网页,微擎小程序的目录结构lzw
window.onload=function(){
var oTab=document.getElementById("tab");
var oBt=document.getElementsByTagName("input");
oBt[1].onclick=function(){
for(var i=0;i<oTab.tBodies[0].rows.length;i++)
{
var str1=oTab.tBodies[0].rows[i].cells[1].innerHTML.toUpperCase();
var str2=oBt[0].value.toUpperCase();
//使用string.toUpperCase()(将字符串中的字符全部转换成大写)或string.toLowerCase()(将字符串中的字符全部转换成小写)
//所谓忽略大小写的搜索就是将用户输入的字符串全部转换大写或小写，然后把信息表中的字符串的全部转换成大写或小写，最后再去比较两者转换后的字符就行了
/*******************************JS实现表格忽略大小写搜索*********************************/
if(str1==str2){
oTab.tBodies[0].rows[i].style.background= ed;
}
else{
oTab.tBodies[0].rows[i].style.background=\;
}
/***********************************JS实现表格的模糊搜索*************************************/
//表格的模糊搜索的就是通过JS中的一个search()方法，使用格式，string1.search(string2);如果
//用户输入的字符串是其一个子串，就会返回该子串在主串的位置，不匹配则会返回-1，故操作如下
if(str1.search(str2)!=-1){oTab.tBodies[0].rows[i].style.background= ed;}
else{oTab.tBodies[0].rows[i].style.background=\;}
/***********************************JS实现表格的多关键字搜索********************************/
//表格的多关键字搜索，加入用户所输入的多个关键字之间用空格隔开，就用split方法把一个长字符串以空格为标准，分成一个字符串数组，
//然后以一个循环将切成的数组的子字符串与信息表中的字符串比较
var arr=str2.split( );
for(var j=0;j{
if(str1.search(arr[j])!=-1){oTab.tBodies[0].rows[i].style.background= ed;}
}
}
}
}
姓名:
vip素材下载源码,ubuntu商店是什么,把代码部署到tomcat下,python爬虫爬歌,怎么把php和html分离,雨果网seolzw
