微信标志

JAVAscript练习

东山群-电脑网络技术
1、表格搜索:基础版本-字符串比较

姓名:

ID 姓名 年龄
1 张三 33
2 李四 44
3 王五 55
4 赵六 66
5 Danny 33
2、表格搜索:忽略大小写-大小写转换

姓名:

ID 姓名 年龄
1 张三 33
2 李四 44
3 王五 55
4 赵六 66
5 Danny 33
3、表格搜索:模糊搜素-search的使用

姓名: var arr='abcdef'

ID 姓名 年龄
1 张三 33
2 李四 44
3 王五 55
4 赵六 66
5 Danny 33
6 赵四 44
4、表格搜索:多关键词-split

姓名: var str='abc def 123'

ID 姓名 年龄
1 张三 33
2 李四 44
3 王五 55
4 赵六 66
5 Danny 33
6 赵四 44
记录

表格搜索 基础版本-字符串比较:循环表格中所有tr,一行一行的找。已知要搜索的内容都是在每一行的第二个单元格里,判断第i行的第二个单元格的innerHTML是否等于输入框的value。如果等于,说明已经找到,则改颜色。如果未找到,就把颜色改回默认。

表格搜索 忽略大小写-大小写转换:toLowerCase,作用于就是把字符串都改为小写。例如:sTxt.toLowerCase()

表格搜索 模糊搜素-search的使用:search,作用于找到并且返回字符串出现的位置,如果没有找到则返回-1。可以在循环的判断中search一下文本框 value是否不等于-1。如果不等于-1,就说明已经找到了。例如:if(sTab.search(sTxt)!=-1)

表格搜索:多关键词-split:如果一个字符串是用空格隔开的,例如:var str='abc def 123',通过split可以把这个字符串切成三段,例如:var arr=str.split(' '),意思就是从空格开始切,结果就是切成了3段的数组。↑ 假设用户输入的多个搜索词是用空格分开的字符串,那么可以用split把字符串切分开成为一个数组,例如var sArr=sTxt.split(' '),然后不管找到未找到都先把颜色设置为默认。接下来做个循环,循环之前切开的那个数组的length。如果search数组的第i个,如果结果不等于-1,例如if(sTab.search(sArr[j])!=-1),就是找到了,这个时候就执行变色。