一、前几章的位置
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>
那么这些代码运行出来是什么样的呢?
就是这样的,如果你在input里输入a,那结果如下:
看看图上的li里的有Name,sex,age,job,E-mail,那输出来的就有Name,age,E-mail说明运行成功!!!!当然你不信的话可以自己去试试。
测试位置:http://www.cnblogs.com/yorhom/archive/2012/09/16/2687523.html
我一再重复:
var vData= ["name", "sex", "age", "job", "E-mail"];
这行代码是关键,它会影响输出的结果。因此li里的只是个提示有哪些可查到,而并非核心所在,也就是说li里的是个装饰,没有实际作用。
----------------------------------------------------------------
欢迎大家转载我的文章。
转载请注明:转自Yorhom's Game Box
欢迎继续关注我的博客
分享到:
相关推荐
JavaScript应用实例-数组映射排序.js
JavaScript应用实例-数组填充.js
由于JavaScript 是一种无类型语言,所以,数组元素可以是任意的数据类型,同一数组的不同元素也可以具有不同的类型。数组的元素甚至可以是其他数组,这样就为创建多维数组提供了可能。本章首先介绍数组的定义与赋值...
JavaScript应用实例-数组填充(1).js
JavaScript数组(源代码)JavaScript数组(源代码)JavaScript数组(源代码)JavaScript数组(源代码)JavaScript数组(源代码)JavaScript数组(源代码)JavaScript数组(源代码)JavaScript数组(源代码)...
1.数组 1.创建的新数组是空数组,没有值,如输出,则显示undefined 2.虽然创建数组时,指定了长度,但实际上数组都是变长的,也就是说即使指定了长度为8
JAVA实验报告-数组.docx
JavaScript-数组-循环-bloco-4.2
js代码-数组拍平:将多维数组转化为一维
js代码-tmp--数组中的逆序对-改
JavaScript程序设计
Challenge-javascript-08-JavaScript数组过滤器 Los Arrays en Javascript soportan lafunción filter ,从头到尾评估数组,并从头到尾保持数组状态。 Usando lafunción filter用于研究Array上的buscar todos ...
前言数组在实战开发中,使用得相当频繁。前端同学通过接口拿到json数据后,往往需要把数据进行各种形式的变换和展示。这个时候,数组的常见操作,就发挥了很大的作用。
【JavaScript源代码】JavaScript数组去重问题的深入研究.docx
数组乱序 javascript
数组练习javascript-3
JavaScript应用实例-随机打乱数组顺序.js
Javascript数组及其操作