Javascript做模糊查询-数组无双(三)-最终代码
来源:互联网 发布:百度域名备案需要多久 编辑:程序博客网 时间:2024/04/29 15:57
一、前几章的位置
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 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
欢迎继续关注我的博客
- Javascript做模糊查询-数组无双(三)-最终代码
- Javascript做模糊查询-数组无双(一)-循环不能不重视
- Javascript做模糊查询-数组无双(一)-循环不能不重视
- Javascript做模糊查询-数组无双(二)-完美的调用筑造最后的成功
- javascript模糊查询一个数组
- mybatis做like模糊查询的常见三种方法
- php 数组模糊查询
- php 数组模糊查询
- mybatis做like模糊查询
- mybatis做like模糊查询
- mybatis做like模糊查询
- mybatis做模糊查询 like
- mybatis做like模糊查询
- mybatis做like模糊查询
- mybatis做like模糊查询
- mybatis做like模糊查询
- mybatis做like模糊查询
- mybatis做like模糊查询
- 刚进入社会的程序员心中的彷徨
- AMR音频编码器概述及文件格式分析(1)
- wireshark和filddler双剑合璧
- 如何利用Cocos2d-x开发一个游戏?
- 两点之画一条直线
- Javascript做模糊查询-数组无双(三)-最终代码
- 黑马程序员_Java基础_IO流(File类和properties类相关操作)
- 于画线函数Glib_Line算法的研究
- ejb
- 若要出于兼容性原因而启用 CAS 策略,请使用 NetFx40_LegacySecurityPolicy 配置开关
- QScrollArea无法自动增大问题
- 手机端页面padding-left,padding-right或margin-left,margin-right会使页面左右摇晃
- 想成为最牛B的程序员吗?
- 高清动漫mm赏析(五)