Javascript做模糊查询-数组无双(三)-最终代码

最新推荐文章于 2024-03-03 22:20:47 发布

YhPythonJSCPP

最新推荐文章于 2024-03-03 22:20:47 发布

阅读量1w

点赞数 4

分类专栏：【Html5&JavaScript】文章标签： javascript input function search button

本文链接：https://blog.csdn.net/yorhomwang/article/details/7888597

版权

【Html5&JavaScript】专栏收录该内容

55 篇文章 2 订阅

订阅专栏

一、前几章的位置

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 οnlοad="load('Name')" id="name">Name</li>  
<li οnlοad="load('sex')" id="sex">sex</li>  
<li οnlοad="load('age')" id="age">age</li>  
<li οnlοad="load('job')" id="job">job</li>  
<li οnlοad="load('mail')" id="mail">E-mail</li>  
  
  
<input id="input" type="text" value="" />  
<input id="search" type="button" οnclick="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 in vData){  
			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

欢迎继续关注我的博客

YhPythonJSCPP

关注

4
点赞
踩
5

收藏

觉得还不错? 一键收藏
7
评论
Javascript做模糊查询-数组无双(三)-最终代码

一、前几章的位置 Javascript做模糊查询-数组无双(一)-循环不能不重视http://blog.csdn.net/yorhomwang/article/details/7855991Javascript做模糊查询-数组无双(二)-完美的调用筑造最后的成功http://blog.csdn.net/yorhomwang/article/details/7855997
复制链接

扫一扫