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

創(chuàng)新互聯(lián)專注于企業(yè)全網(wǎng)營銷推廣、網(wǎng)站重做改版、蓬安網(wǎng)站定制設計、自適應品牌網(wǎng)站建設、H5技術、商城網(wǎng)站建設、集團公司官網(wǎng)建設、成都外貿(mào)網(wǎng)站建設、高端網(wǎng)站制作、響應式網(wǎng)頁設計等建站業(yè)務，價格優(yōu)惠性價比高，為蓬安等各大城市提供網(wǎng)站開發(fā)制作服務。

比如匹配后臺傳回的字符串data.content中的關鍵詞：直接調(diào)用：

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

 以下兩個函數(shù)分辨是匹配1：匹配關鍵詞words中每一個字符，2：匹配整個關鍵詞words

//高亮關鍵字 text =>內(nèi)容 words:關鍵詞  tag 被包裹的標簽
//匹配每一個關鍵字字符
function highLightKeywords(text, words, tag) {
tag = tag || 'span';// 默認的標簽，如果沒有指定，使用span
var 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">$&');
}
}
}
return text;
}

另外有需要云服務器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

網(wǎng)站題目：JS實現(xiàn)關鍵詞高亮顯示正則匹配-創(chuàng)新互聯(lián)
URL分享：http://weahome.cn/article/dodjjs.html