首頁 > 開發者 > JavaScript
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
歡迎繼續關注我的部落格
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
