資訊專欄INFORMATION COLUMN
摘要：最近項(xiàng)目遇到一個(gè)小需求，就是在一段文字中，高亮幾個(gè)關(guān)鍵詞，例如以下文字京東是中國(guó)一家自營(yíng)式購(gòu)物網(wǎng)站，創(chuàng)始人劉強(qiáng)東擔(dān)任京東集團(tuán)。年月日，京東集團(tuán)宣布正式組建京東物流子集團(tuán)。
最近項(xiàng)目遇到一個(gè)小需求，就是在一段文字中，高亮幾個(gè)關(guān)鍵詞，例如以下文字：
京東（JD.com）是中國(guó)一家自營(yíng)式B2C購(gòu)物網(wǎng)站，創(chuàng)始人劉強(qiáng)東擔(dān)任京東集團(tuán)CEO。旗下設(shè)有京東商城、京東金融、拍拍網(wǎng)、京東智能、O2O及海外事業(yè)部。2013年正式獲得虛擬運(yùn)營(yíng)商牌照。2014年5月，在美國(guó)納斯達(dá)克證券交易所正式掛牌上市（股票代碼：JD）。2016年6月與沃爾瑪達(dá)成深度戰(zhàn)略合作，1號(hào)店并入京東。2017年1月4日，中國(guó)銀聯(lián)宣布京東金融旗下支付公司正式成為銀聯(lián)收單成員機(jī)構(gòu)。2017年4月25日，京東集團(tuán)宣布正式組建京東物流子集團(tuán)。2017年8月3日，2017年“中國(guó)互聯(lián)網(wǎng)企業(yè)100強(qiáng)”榜單發(fā)布，京東排名第四位。
需要高亮的關(guān)鍵詞：京東商城、京東、京東物流、京東集團(tuán)
最簡(jiǎn)單的辦法，就是利用正則表達(dá)式，像這樣：
function addKeyWordHighline(oText,keyWords){
//oText->一段文字,keyWords->關(guān)鍵詞數(shù)組
var returnVal=oText;
for(var i=0;i"+keyWords[i]+"");
}
}
return returnVal;
}
但是這樣子做，會(huì)導(dǎo)致兩個(gè)問題：
1、“京東物流”“京東集團(tuán)”無法高亮
2、重復(fù)添加高亮標(biāo)簽。關(guān)鍵詞“京東”在“京東商城”后面，會(huì)導(dǎo)致文字“京東商城”變成
京東商城
改進(jìn)思路（分別對(duì)應(yīng)問題1、2）：
1、將關(guān)鍵詞數(shù)組排序，長(zhǎng)度較長(zhǎng)的排在前面，優(yōu)先高亮
2、將……區(qū)域排除。主要利用正則表達(dá)式中的元字符?!pattern（正向否定預(yù)查）實(shí)現(xiàn)。
正向否定預(yù)查：在任何不匹配pattern的字符串開始處匹配查找字符串。這是一個(gè)非獲取匹配，也就是說，該匹配不需要獲取供以后使用。例如"Windows(?!95|98|NT|2000)"能匹配"Windows3.1"中的"Windows"，但不能匹配"Windows2000"中的"Windows"。
改進(jìn)后的代碼：
function addKeyWordHighline(oText,keyWords){
var returnVal=oText,
i=0,
wordReg;
keyWords.sort(compareWordLength);
for(i=0;i.[^<]*)"+keyWords[i]+"(?!.[^<]*)","g");
returnVal=returnVal.replace(wordReg,""+keyWords[i]+"");
}
}
return returnVal;
}
function compareWordLength(a,b){
if(a.length>b.length){
return -1;
}else if(a.length
最終效果：
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/92748.html
摘要：最近項(xiàng)目遇到一個(gè)小需求，就是在一段文字中，高亮幾個(gè)關(guān)鍵詞，例如以下文字京東是中國(guó)一家自營(yíng)式購(gòu)物網(wǎng)站，創(chuàng)始人劉強(qiáng)東擔(dān)任京東集團(tuán)。年月日，京東集團(tuán)宣布正式組建京東物流子集團(tuán)。 最近項(xiàng)目遇到一個(gè)小需求，就是在一段文字中，高亮幾個(gè)關(guān)鍵詞，例如以下文字： 京東（JD.com）是中國(guó)一家自營(yíng)式B2C購(gòu)物網(wǎng)站，創(chuàng)始人劉強(qiáng)東擔(dān)任京東集團(tuán)CEO。旗下設(shè)有京東商城、京東金融、拍拍網(wǎng)、京東智能、O2O及海外...
摘要：最近項(xiàng)目遇到一個(gè)小需求，就是在一段文字中，高亮幾個(gè)關(guān)鍵詞，例如以下文字京東是中國(guó)一家自營(yíng)式購(gòu)物網(wǎng)站，創(chuàng)始人劉強(qiáng)東擔(dān)任京東集團(tuán)。年月日，京東集團(tuán)宣布正式組建京東物流子集團(tuán)。 最近項(xiàng)目遇到一個(gè)小需求，就是在一段文字中，高亮幾個(gè)關(guān)鍵詞，例如以下文字： 京東（JD.com）是中國(guó)一家自營(yíng)式B2C購(gòu)物網(wǎng)站，創(chuàng)始人劉強(qiáng)東擔(dān)任京東集團(tuán)CEO。旗下設(shè)有京東商城、京東金融、拍拍網(wǎng)、京東智能、O2O及海外...
摘要：年月日，常州市天寧區(qū)政府天寧經(jīng)濟(jì)開發(fā)區(qū)管委會(huì)京東云和常州市近家地方企業(yè)集聚一堂，共同見證了云聚龍城共筑天寧千家萬(wàn)鋪上京東常州云商大會(huì)的啟動(dòng)。年月日，京東云助力常州智造亮相年上海經(jīng)貿(mào)活動(dòng)周。在剛剛結(jié)束的全國(guó)兩會(huì)上，云計(jì)算第四次被提上國(guó)家發(fā)展重要議程，成為推動(dòng)中國(guó)制造2025的和國(guó)家信息產(chǎn)業(yè)發(fā)展的重要戰(zhàn)略抓手。2018年3月23日，常州市天寧區(qū)政府、天寧經(jīng)濟(jì)開發(fā)區(qū)管委會(huì)、京東云和常州市近300家...
閱讀 2031·2023-04-25 15:24
閱讀 1574·2019-08-30 12:55
閱讀 1614·2019-08-29 15:27
閱讀 469·2019-08-26 17:04
閱讀 2406·2019-08-26 10:59
閱讀 1796·2019-08-26 10:44
閱讀 2192·2019-08-22 16:15
閱讀 2586·2019-08-22 15:36
