<div class="codetitle"> <span><a style="CURSOR: pointer" data="88215" class="copybut" id="copybut88215" onclick="doCopy('code88215')"><u>Copy code</u></a></span> The code is as follows:</div> <div class="codebody" id="code88215"> <br><script language="JavaScript"> <br>function findAll (s){ <br>if(s.length==0){ <br>alert("Please enter the query keyword"); <br>} <br><br>s=encode(s); <br>var TDs=document.all.DataT1.all.tags("TD"); <br>var num=0; <br>for(var i=0;i<TDs.length;i ){ <BR>var tdObj=TDs[i]; <BR>var obj=tdObj.childNodes[0]; <BR>if(!obj.className || obj.className!="highlight"){ <BR>var t=obj.innerHTML .replace(/<spans class=.?highlight.?>([^<>]*)</span>/gi,"$1"); <br>obj.innerHTML=t; <br>var cnt=loopSearch(s,obj); <br>t=obj.innerHTML; <br>var r=/{searchHL}(({(?!/searchHL})|[^{])*){/ searchHL}/g; <br>t=t.replace(r,"<span class='highlight'>$1</span>"); <br>obj.innerHTML=t; <br>num= num cnt; <br>} <br>} <br>alert("Find keyword "num "at"); <br><br>} <br>function encode(s){ <br>return s. replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/([\.*[] ()$^])/g,"\$1"); <br>} <br>function decode(s){ <br>return s.replace(/\([\.*[]()$^] )/g,"$1").replace(/>/g,">").replace(/</g,"<").replace(/&/g,"&"); <BR>} <br><br>function loopSearch(s,obj){ <BR>var cnt=0; <BR>if(obj.nodeType==3){ <BR>cnt=replace(s,obj); <BR>return cnt; <BR>} <BR>for(var i=0,c;c=obj.childNodes[i];i ){ <BR>if(!c.className || c.className!= "highlight") <BR>cnt =loopSearch(s,c); <br><br>} <BR>return cnt; <BR>} <br><br>function replace(s,dest){ <BR> var r=new RegExp(s,"gi"); <BR>var tm=null; <BR>var t=dest.nodeValue; <BR>var cnt=0; <BR>var arr=new Array(); <BR>var a=""; <BR>var b=""; <BR>if(tm=t.match(r)){ <BR>cnt=tm.length; <BR>a=tm.toString (); <BR>arr=a.split(","); <BR>for(var i=0;i<arr.length;i ) <BR>b="{searchHL}" arr[i] " {/searchHL}"; <BR>t=t.replace(r,b); <BR>dest.nodeValue=t; <BR>} <BR>return cnt; <BR>} <br><br>< ;/script> <br><style type="text/css"> <br>.highlight{background:blue;font-weigh:bold;color:black;} <br></style> <br> </div> <br>There are two points to note in the above method: 1. Get the smallest unit of obj in findAll, otherwise the replacement will cause chaos. In practice, I realized that this is mainly related to the data island binding. Ordinary text does not need to be so careful. 2. The replace method splits tm into arrays, which is also related to tables. Ordinary text does not need to be split <br><br>If it is ordinary text, it can be written as follows <br> <br><div class="codetitle"> <span><a style="CURSOR: pointer" data="79929" class="copybut" id="copybut79929" onclick="doCopy('code79929')"><u>Copy code</u></a></span> The code is as follows:</div> <div class="codebody" id="code79929"> <br><script language="JavaScript"> <br>function findAll(s){ <br>if (s.length==0){ <br>alert('The search keyword is not filled in! '); <br>return false; <br>} <br>s=encode(s); <br>var obj=document.getElementsByTagName("body")[0]; <br>var t=obj.innerHTML .replace(/<spans class=.?highlight.?>([^<>]*)</span>/gi,"$1"); <br>obj.innerHTML=t; <br>var cnt=loopSearch(s,obj); <br>t=obj.innerHTML <br>var r=/{searchHL}(({(?!/searchHL})|[^{])*){/searchHL }/g <br>t=t.replace(r,"<span class='highlight'>$1</span>"); <br>obj.innerHTML=t; <br>alert("Search to the keyword " cnt ") <br>} <br>function replace(s,dest){ <br>var r=new RegExp(s,"g"); <br>var tm=null; <br>var t=dest.nodeValue; <br>var cnt=0; <br>if (tm=t.match(r)){ <br>cnt=tm.length; <br>t=t.replace(r ,"{searchHL}" decode(s) "{/searchHL}") <br>dest.nodeValue=t; <br>} <br>return cnt; <br>} <br><br></script> ; <BR></div> <br><br><BR>html part<BR><div class="codetitle"><span><a style="CURSOR: pointer" data="57903" class="copybut" id="copybut57903" onclick="doCopy('code57903')"><U>Copy code</U></a></span> The code is as follows: </div><div class="codebody" id="code57903"> <BR><XML ID="DataBinding1" SRC="datasource.xml"></XML> <br><body> <br><input name="s" id="s" title="搜索内容："/><input type="submit" value="搜索" onClick="findAll(s.value);return false;"/> <br><table width="100%" valign="top" DATASRC="#DataBinding1" id="DataT1" BORDER="1" CELLPADDING="3"> <br><thead> <br><tr> <br><th>ID</th> <br><th>Name</th> <br><th>Desc</th> <br></tr> <br></thead> <br><tbody> <br><tr> <br><td><span name="ID" id="ID" datafld="CODE_ID"> </span></td> <br><td><span name="name" id="name" datafld="CODE_NAME"> </span></td> <br><td><span name="desc" id="desc" datafld="CODE_DESC"> </span></td> <br></tr> <br></tbody> <br></table> <br></body> <br> </div> <br><div class="codetitle"> <span><a style="CURSOR: pointer" data="97423" class="copybut" id="copybut97423" onclick="doCopy('code97423')"><u>复制代码</u></a></span> 代码如下:</div> <div class="codebody" id="code97423"> <br><br><?xml version="1.0" encoding="UTF-8"?> <br><INVENTORY> <br><ROW> <br><CODE_ID>PCOMM11</CODE_ID> <br><CODE_NAME>caracter handle</CODE_NAME> <br><CODE_DESC>hkdlhglfghfkgfk</CODE_DESC> <br></ROW> <br><ROW> <br><CODE_ID>PCOMM12</CODE_ID> <br><CODE_NAME>digital handle</CODE_NAME> <br><CODE_DESC>hkdlhglfghfkgfkgggg</CODE_DESC> <br></ROW> <br></INVENTORY> <br> </div>
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
