javascript 關(guān)鍵字高亮顯示實(shí)現(xiàn)代碼

2019-11-21 00:15:49

字體：大中小

供稿：網(wǎng)友

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>關(guān)鍵字高亮顯示</title> </head> <body> <div   id="iwvjtn8m0"   class="result" id="result"> <div>武林網(wǎng)是一個(gè)專業(yè)的收集各類腳本學(xué)習(xí)資料的網(wǎng)站,盡量修正錯(cuò)誤打造精品腳本類學(xué)習(xí)網(wǎng)站,我們?yōu)榇蠹矣螒蚰_本資源,源碼,軟件,asp,php,javascript等編程資料,是網(wǎng)頁制作,網(wǎng)絡(luò)編程,網(wǎng)站建設(shè)人士的聚集場所。</div> 　　 <span>提供最新的網(wǎng)絡(luò)編程、腳本編程、網(wǎng)頁制作、網(wǎng)頁設(shè)計(jì)、網(wǎng)頁特效，為站長與網(wǎng)絡(luò)編程從業(yè)者提供學(xué)習(xí)資料。</span> 　　 <div>腳本,vbscript,正則表達(dá)式,jquery,dos,bat,批處理,javascript,Photoshop,HTML,div+css,ASP,PHP,ASP.NET</div> </div> <script> function SearchHighlight(idVal,keyword) { var pucl = document.getElementById(idVal); if("" == keyword) return; var temp=pucl.innerHTML; var htmlReg = new RegExp("/<.*?/>","i"); var arrA = new Array(); //替換HTML標(biāo)簽 for(var i=0;true;i++) { var m=htmlReg.exec(temp); if(m) { arrA[i]=m; } else { break; } temp=temp.replace(m,"{[("+i+")]}"); } words = unescape(keyword.replace(//+/g,' ')).split(//s+/); //替換關(guān)鍵字 for (w=0;w<words.length;w++) { var r = new RegExp("("+words[w].replace(/[(){}.+*?^$|///[/]]/g, "http://$&")+")","ig"); temp = temp.replace(r,"<b style='color:Red;'>$1</b>"); } //恢復(fù)HTML標(biāo)簽 for(var i=0;i<arrA.length;i++) { temp=temp.replace("{[("+i+")]}",arrA[i]); } pucl.innerHTML=temp; } SearchHighlight("result","腳本 學(xué)習(xí) vbscript"); </script> </body> </html>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執(zhí)行]

上一篇：判斷瀏覽器的javascript版本的代碼

下一篇：Extjs中DisplayField的日期或者數(shù)字格式化擴(kuò)展