Nov 02
在用Lucene.Net做一个文件搜索的兴趣项目，主要用来帮我找电影。其中一个需求是高亮显示关键词，使用Highlighter.Net可以解决，但是当有停止词的时候，常常会丢失部分数据，我也懒得去修改它的源代码，想了想，可以用Javascript在客户端高亮显示，一小段代码就完成了，:-)
<script type="text/javascript" language="javascript">
var query="";
function highlight(){
var terms = null;
try{
terms = query.split(" ");
}
catch(e){}
$$(’span[class="cc"]‘).each(
function(item){
var data = item.innerHTML;
if(!data) return;
for(var j=0;j<terms.length;j++){
var term = terms[j].strip();
var pattern = new RegExp(term, "i");
var hiterm = "<span class=’hi’>" + term + "</span>";
try{
data = data.gsub(pattern, hiterm);
}catch(exception){}
}
item.innerHTML = data;
}
);
}
</script>
var query="";
function highlight(){
var terms = null;
try{
terms = query.split(" ");
}
catch(e){}
$$(’span[class="cc"]‘).each(
function(item){
var data = item.innerHTML;
if(!data) return;
for(var j=0;j<terms.length;j++){
var term = terms[j].strip();
var pattern = new RegExp(term, "i");
var hiterm = "<span class=’hi’>" + term + "</span>";
try{
data = data.gsub(pattern, hiterm);
}catch(exception){}
}
item.innerHTML = data;
}
);
}
</script>
稍微解释一下：基本过程是，把需要高亮显示的Dom节点找出来，取得它的innerHTML，然后使用正则表达式替换成高亮的语法。这里用到了两个prototype的函数，一个是$$(’params’)，用类似XPath的语法选取Dom节点；另一个是String.gsub(pattern, substr)，是prototype对字符串对象扩展的操作。prototype是一个开源的AJAX包，官方站点http://www.prototypejs.org。
最新评论