Java添加简单搜索功能_javascript实现简单搜索功能

本文实例为大家分享了javascript实现简单搜索功能的具体代码，供大家参考，具体内容如下

New Web Project

table{

width: 500px;

}

td{

border:1px solid #ccc;

padding:5px;

}

window.οnlοad=function(){

var oTb=document.getElementById('tb');

var oldColor=null;

var tName=document.getElementById('name');

var oBtn=document.getElementById('btn');

oBtn.οnclick=function(){

var aRows=oTb.tBodies[0].rows;

for(var i=0;i

{

var tdValue=aRows[i].cells[1].innerHTML.toLowerCase();

var tNameValue=tName.value.toLowerCase().split(' ');

for(var j=0;j

{

if(tdValue.search(tNameValue[j])>=0)

{

aRows[i].style.background='green';

break;

}

else{

aRows[i].style.background='';

}

}

}

};

};

姓名：

ID姓名年龄

1Blue232李四263王五294青天决285赵少邦23

注意事项：

A.search(B)可以在A中搜索B的位置，返回B出现的位置

A.split(B)将A以B划分为几部分，并返回数组，相当于分词操作

运行结果如下：

更多搜索功能实现的精彩文章，请点击专题：javascript搜索功能汇总 进行学习

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。