Javascript模糊查询 | 第三章 最终代码
日期：2014-05-16 浏览次数：20343 次
Javascript模糊查询 | 第三章 最终代码。
http://blog.csdn.net/yorhomwang/article/details/7855991
?
前几章的位置：
?
Javascript模糊查找 | 第一章 循环不能不重视。
?
?
http://blog.csdn.net/yorhomwang/article/details/7855991
?
?
Javascript做模糊查询 | 第二章 完美的调用筑造最后的成功。
?
http://blog.csdn.net/yorhomwang/article/details/7855997
这一章呢，我没有什么好讲的了，就祝愿大家喜欢我的这篇文章，我会努力，尽我所能地为大家提供更好的代码和讲解。
具体代码如下：
?
<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]||'';
nPos=sTxt.indexOf(sFind);
if(nPos>=0){
vResult[vResult.length] = sTxt;
}
}
alert(vResult);
}
}
</script>
</body>
</html>
（这些代码在我的文章"Javascript做模糊查找"有，但我怕大家不懂，因此分章节写出来了，希望我写得大家都懂吧。）
?
那么这些代码运行出来是什么样的呢？
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
