用JS將搜索的關(guān)鍵字高亮顯示實現(xiàn)代碼
用JS讓文章內(nèi)容指定的關(guān)鍵字加亮
是這樣的..
現(xiàn)在有這些關(guān)鍵字:美容,生活,購物
當(dāng)在文章里頭出現(xiàn)這些關(guān)鍵字,就把它加亮顯示..
文章是生成靜態(tài)頁面的,而這些關(guān)鍵字是能隨時更新的,所以我想用JS來實現(xiàn)...
不知道怎樣來實現(xiàn)這樣的功能啊?特此求助
<script language="JavaScript">
function highlight(key) {
var key = key.split('|');
for (var i=0; i<key.length; i++) {
var rng = document.body.createTextRange();
while (rng.findText(key[i]))
//rng.pasteHTML(rng.text.fontcolor('red'));
rng.pasteHTML('<div style="border:1 solid red;display:inline"><a href="#" title="+ rng.text +">' + rng.text + '</a></div>');
}
}
highlight('文章|關(guān)鍵|功能')
</script>
- JavaScript簡單實現(xiàn)關(guān)鍵字文本搜索高亮顯示功能示例
- javascript、php關(guān)鍵字搜索函數(shù)的使用方法
- JavaScript正則方法replace實現(xiàn)搜索關(guān)鍵字高亮顯示
- angularjs實現(xiàn)搜索的關(guān)鍵字在正文中高亮出來
- Angularjs實現(xiàn)搜索關(guān)鍵字高亮顯示效果
- js實現(xiàn)搜索框關(guān)鍵字智能匹配代碼
- JS實現(xiàn)關(guān)鍵字搜索時的相關(guān)下拉字段效果
- JQuery+JS實現(xiàn)仿百度搜索結(jié)果中關(guān)鍵字變色效果
- javascript 自動標(biāo)記來自搜索結(jié)果頁的關(guān)鍵字
- JS實現(xiàn)百度搜索框關(guān)鍵字推薦
相關(guān)文章
BootStrap 圖片樣式、輔助類樣式和CSS組件的實例詳解
這篇文章主要介紹了BootStrap 圖片樣式、輔助類樣式和CSS組件的實現(xiàn)代碼,圖文并茂介紹的非常詳細,需要的朋友參考下吧2017-01-01JavaScript模擬可展開、拖動與關(guān)閉的聊天窗口實例
這篇文章主要介紹了JavaScript模擬可展開、拖動與關(guān)閉的聊天窗口,實例分析了javascript實現(xiàn)可拖動的div層相關(guān)技巧,非常具有實用價值,需要的朋友可以參考下2015-05-05JavaScript獲取當(dāng)前url根目錄(路徑)
本文主要介紹JavaScript獲取當(dāng)前url根目錄的方法,比較實用,需要的朋友可以參考一下。2016-06-06javascript匿名函數(shù)中的''return function()''作用
這篇文章主要介紹了javascript匿名函數(shù)中的'return function()'作用介紹,非常不錯,具有一定的參考借鑒價值,需要的朋友可以參考下2018-10-10解決html input驗證只能輸入數(shù)字,不能輸入其他的問題
下面小編就為大家?guī)硪黄鉀Qhtml input驗證只能輸入數(shù)字,不能輸入其他的問題。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-07-07