JAVAscript练习
![]()
ID | 姓名 | 年龄 |
1 | 张三 | 33 |
2 | 李四 | 44 |
3 | 王五 | 55 |
4 | 赵六 | 66 |
5 | Danny | 33 |
ID | 姓名 | 年龄 |
1 | 张三 | 33 |
2 | 李四 | 44 |
3 | 王五 | 55 |
4 | 赵六 | 66 |
5 | Danny | 33 |
var arr='abcdef'
ID | 姓名 | 年龄 |
1 | 张三 | 33 |
2 | 李四 | 44 |
3 | 王五 | 55 |
4 | 赵六 | 66 |
5 | Danny | 33 |
6 | 赵四 | 44 |
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)
,就是找到了,这个时候就执行变色。