你所在位置:首页Javascript开发 → Javascript做模糊查找

Javascript做模糊查找

发布时间:2019-07-12

页面上些<li>,当你输入任意字母后,按下旁边的button就能找出含有你输入的字的<li>,如果为了测试程序的性能,您可以在数组中更改其中的元素(查找时是对数组进行查找,所以<li>里的字和查找没有关系。)

<html>

<head>
<title>Javascript模糊查找</title>
</head>
<body>


<li onload="load('Name')" id="name">Name</li>
<li onload="load('sex')" id="sex">sex</li>
<li onload="load('age')" id="age">age</li>
<li onload="load('job')" id="job">job</li>
<li onload="load('mail')" id="mail">E-mail</li>


<input id="input" type="text" value="" />
<input id="search" type="button" onclick="findEach()" value="Search" />


<script>
var vData= ["name", "sex", "age", "job", "E-mail"];


function load(id)
{
alert(vData[0]);
//vData[vData.length] = document.getElementById(id).innerHTML;
}


function find(sFind, sObj)
{
var nSize = sFind.length;
var nLen = sObj.length;


var sCompare;


if(nSize <= nLen ){
for(var i = 0; i <= nLen - nSize; i++){
sCompare = sObj.substring(i, i + nSize);
if(sCompare == sFind){
return i;
}
}
}


return -1;
}


function findEach()
{
var sFind = document.getElementById("input").value;
if(sFind==""){
alert("Can not be empty");
}


if(sFind!=""){

var nPos;
var vResult = [];

//for(var i = 0; i <= vData.length; i++){
for(var i in vData){
//nPos = find(sFind, vData[i]);
var sTxt=vData[i]
上一篇:jQuery中this与$(this)的区别
下一篇:extjs4.0——目录结构