这是个简单的旨在前端操作的一种方式,其实就是对关键字进行匹配和替换,相对较高端的技术lucence差的可就太多了。
下面就放上一个简单 的demo
首先搜索的话肯定是在搜索框中输入你要搜索的值
<script>
var oCont=oBox.innerHTML;//获取你搜索结果的文本内容
var oTxt=document.getElementById("aw-search-query");
var val=oTxt.value;//获取搜索框中你想要搜索的值
var fen=oCont.split(val);在上面的文本内容split方法对搜索值进行字符处理(fen此时是一个字符串数组)
oBox.innerHTML = fen.join('<span style="background-color:pink; font-size:15px;">' + val + '</span> ');//对每一个关键词进行背景的改变
</script>