亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

JS實現關鍵詞高亮顯示正則匹配

2019-11-19 13:37:14
字體:
來源:轉載
供稿:網友

html 和ajax 部分就不寫了,只需將需要匹配的文字傳進去就可以了 

比如匹配后臺傳回的字符串data.content中的關鍵詞:直接調用:

data.content = highLightKeywords(data.content,keywords)即可

 以下兩個函數分辨是匹配1:匹配關鍵詞words中每一個字符,2:匹配整個關鍵詞words

//高亮關鍵字 text =>內容 words:關鍵詞  tag 被包裹的標簽//匹配每一個關鍵字字符function highLightKeywords(text, words, tag) {tag = tag || 'span';// 默認的標簽,如果沒有指定,使用spanvar i, len = words.length, re;for (i = 0; i < len; i++) {// 正則匹配所有的文本re = new RegExp(words[i], 'g');if (re.test(text)) {text = text.replace(re, '<'+ tag +' class="highlight">$&</'+ tag +'>');}}}return text;}
//匹配整個關鍵詞 不拆分function highlight(text, words, tag) {// 默認的標簽,如果沒有指定,使用spantag = tag || 'span';var i, len = words.length,re;//匹配每一個特殊字符 ,進行轉義var specialStr = ["*", ".", "?", "+", "$", "^", "[", "]", "{", "}", "|", "http://", "(", ")", "/", "%"]; $.each(specialStr, function(i, item) {if(words.indexOf(item) != -1) {words = words.replace(new RegExp("http://" + item, 'g'), "http://" + item);}});//匹配整個關鍵詞re = new RegExp(words, 'g');if(re.test(text)) {text = text.replace(re, '<' + tag + ' class="highlight">$&</' + tag + '>');}return text;}

總結

以上所述是小編給大家介紹的JS實現關鍵詞高亮顯示正則匹配,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持!

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
日韩精品一区二区三区第95| 欧美性猛交xxxx免费看漫画| 亚洲激情久久久| 亚洲高清久久久久久| 久久综合免费视频影院| 精品久久久中文| 福利视频导航一区| 欧美日韩在线免费| 亚洲精品国产精品国产自| 国产精品爽爽爽爽爽爽在线观看| 亚洲精品自拍偷拍| 亚洲а∨天堂久久精品9966| 亚洲成人精品视频| 欧美不卡视频一区发布| 亚洲国产精品久久久久久| 国产精品白丝jk喷水视频一区| 国产精品高潮在线| 久久精品视频一| 在线丨暗呦小u女国产精品| 久久精品一区中文字幕| 伊人男人综合视频网| 日韩视频在线一区| 亚洲a中文字幕| 亚洲va欧美va在线观看| 国产精品视频网址| 久久99国产精品久久久久久久久| 欧美黑人极品猛少妇色xxxxx| 97超级碰碰人国产在线观看| 国产日韩在线观看av| 亚洲a区在线视频| 欧美午夜宅男影院在线观看| 亚洲四色影视在线观看| 国产精品色午夜在线观看| 日韩欧美亚洲一二三区| 成人免费网站在线| 久久久久久免费精品| 一区二区三区www| 欧美亚洲国产精品| 久久视频在线免费观看| 91精品国产乱码久久久久久久久| 好吊成人免视频| 亚洲图片欧洲图片av| 97**国产露脸精品国产| 成人免费视频a| 91精品国产高清久久久久久久久| 日韩欧美亚洲国产一区| 亚洲精品一区在线观看香蕉| 日韩精品www| 欧美激情xxxx性bbbb| 久久成人人人人精品欧| 欧美肥老太性生活视频| 亚洲国产成人久久综合| www欧美日韩| 亚洲国产精品人人爽夜夜爽| 97视频免费观看| 国产va免费精品高清在线| 国产精品免费福利| 日韩精品在线视频美女| 亚洲精品永久免费| 亚洲成av人片在线观看香蕉| 色与欲影视天天看综合网| 8090成年在线看片午夜| 91九色单男在线观看| 亚洲精品福利免费在线观看| 国产精品久久久久久中文字| 亚洲欧美日韩国产中文专区| 精品国产一区av| 一本色道久久综合亚洲精品小说| 在线日韩精品视频| 欧美视频在线免费| 国产精品视频久| 精品高清一区二区三区| 欧美日本啪啪无遮挡网站| 久久久亚洲精品视频| 日本高清不卡在线| 欧美黄色片在线观看| 77777少妇光屁股久久一区| 91精品国产综合久久香蕉922| 91精品国产综合久久男男| 精品视频在线播放色网色视频| 国产视频精品va久久久久久| 日本一区二区三区在线播放| 亚洲欧美另类国产| 精品亚洲男同gayvideo网站| 久久免费视频这里只有精品| 亚洲午夜精品久久久久久久久久久久| 日韩中文理论片| 日韩欧美有码在线| 欧美精品九九久久| 丝袜美腿亚洲一区二区| 亚洲精品永久免费精品| 久久久亚洲欧洲日产国码aⅴ| 久久精品国产欧美激情| 亚洲人成在线一二| 国产精品自在线| 高潮白浆女日韩av免费看| 欧美一级高清免费| 国产精品扒开腿爽爽爽视频| 日韩美女视频免费在线观看| 美女少妇精品视频| 91精品国产99久久久久久| 欧美一级淫片aaaaaaa视频| 成人美女免费网站视频| 亚洲爱爱爱爱爱| 欧美成人精品在线| 亚洲人线精品午夜| 亚洲成人三级在线| 久久99精品久久久久久青青91| 91沈先生在线观看| 96国产粉嫩美女| 日韩av毛片网| 成人精品一区二区三区电影免费| 国产精品久久久久久久一区探花| 亚洲成人黄色网| 中文字幕成人精品久久不卡| 亚洲欧美国产va在线影院| 91精品国产沙发| 久久久女人电视剧免费播放下载| 欧美成人免费全部| 久久偷看各类女兵18女厕嘘嘘| 欧美性xxxxxxx| 国产精品久久精品| 国产精品久久久久久久一区探花| www日韩中文字幕在线看| 国产精品日韩欧美大师| 精品成人在线视频| 欧美多人乱p欧美4p久久| 欧美电影免费观看| 国外日韩电影在线观看| 日韩在线观看免费高清| 亚洲女人初尝黑人巨大| 欧美性猛交xxxx偷拍洗澡| 亚洲毛片在线免费观看| 国产精品久久久久久久av电影| 国产专区精品视频| 国产成人激情小视频| 亚洲经典中文字幕| 国产精品美女午夜av| 亚洲精品在线不卡| 成人在线视频福利| 在线成人中文字幕| 久久久人成影片一区二区三区观看| 日韩av影院在线观看| 国产精品999| 亚洲www在线观看| 国产精品va在线| 麻豆乱码国产一区二区三区| 蜜臀久久99精品久久久无需会员| 国产综合在线视频| 亚洲第一网站免费视频| 久久韩国免费视频| 日韩av理论片| 久久伊人免费视频| 成人网在线视频| 色噜噜国产精品视频一区二区| 成人情趣片在线观看免费| 久久久久久久999精品视频| 国产成人精彩在线视频九色| 欧美另类老肥妇| 国内精品国产三级国产在线专| 久久人人爽人人爽人人片av高清| 91极品视频在线| 久久成人精品视频| 亚洲福利视频二区|