首頁 > web前端 > js教程 > javascript實作頁面內關鍵字高亮顯示程式碼_javascript技巧

javascript實作頁面內關鍵字高亮顯示程式碼_javascript技巧

WBOY
發布: 2016-05-16 16:53:29
原創
1063 人瀏覽過
複製代碼 代碼如下:

//W3C/1. Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



<br> <br>


資訊取得方式。 「百度」二字源自中國宋朝詞人辛棄疾的《青玉案·元夕》詞句“眾裡尋他千百度”,象徵著百度對中文資訊檢索技術的執著追求。



<script> <BR>function highlight(idVal, keyword) { <BR>var textbox = document.getElementById(idVal); <BR>if (" " ==document.getElementById(idVal); <BR>if (" " ==document.getElementById(idVal); <BR>if (" " ==document.getElementById(idVal); <BR>if (" " ==花keyword) return; <BR>//取得所有文字內容<BR>var temp = textbox.innerHTML; <br>console.log(temp); <br>var htmlReg = new RegExp("<.* ?>", "i"); <BR>var arr = new Array(); <BR><BR>//取代HTML標籤<BR>for (var i = 0; true; i ) { <BR> //符合html標籤<BR>var tag = htmlReg.exec(temp); <BR>if (tag) { <BR>arr[i] = tag; <BR>} else { <BR>break; <br> } <br>temp = temp.replace(tag, "{[(" i ")]}"); <BR>} <BR><br><br>// 講關鍵字拆分併入數組<BR>words = decodeURIComponent( keyword.replace(/,/g, ' ')).split(/s /); <BR><BR>//取代關鍵字<BR>for (w = 0; w < words .length; w ) { <BR>// 符合關鍵字,保留關鍵字中可以出現的特殊字元<br>var r = new RegExp("(" words[w].replace(/[(){}. *?^$|\ []]/g, "\$&") ")", "ig"); <br>temp = temp.replace(r, "<b style='color:Red;' >$1" ); <BR>} <BR><BR>//恢復HTML標籤<BR>for (var i = 0; i < arr.length; i ) { <BR>temp = temp.replace("{[(" i ")]}", arr[i]); <BR>} <BR>textbox.innerHTML = temp; <BR>} <BR>highlight("textbox","百度,李彥宏"); <BR>< /script> </script>
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板