思路:將輸入的文字劫窒,轉換成正則,然后查詢字符串提岔,將目標文字用HTML標簽包裹仙蛉,然后在標簽上添加行內或者class樣式,如果碱蒙,查詢后的字符串沒有觸發(fā)瀏覽器中css模塊的解析荠瘪,希望還是直接使用行內樣式處理。
使用方法:
1.new RegExp(keyword, 'ig')
/* 該方法將關鍵字轉換成正則表達式格式
keyword關鍵字赛惩,可以是參數
i: 大小寫不敏感(大小寫都可以匹配)
g:全局搜索(只要在字符串中的都可以匹配)
*/
2.string.replace(RegExp, fun|string)
/* 該方法js字符串替換哀墓,返回一個新的字符串
RegExp: 可以是正則表達式,也可以是字符串
第二個參數:被替換的目標字符串喷兼,或者是函數篮绰,其中如果是函數:
function (keyword, index, sourceStr) {
return '<div>keyword</div>'
}
其中keyword:原字符串的關鍵字(就是被查出來的)
index: 下標
sourceStr: 原字符串(就是被查的那個)
然后return 返回的就是替換后的值
*/
先用第一個方法,將要搜索的關鍵字轉換成正則格式的季惯,然后用第二個方法查詢下吠各,再用參數接下返回的值就可以了