当我们在使用大多数的网页搜索引擎的"网页快照"功能时，他们都会在返回的快照页面中加入关键字高亮的功能。这将非常方便我们查找网页中被检索的内容，其中google快照的关键字高亮还融入了分词功能，不同的词着以不同的颜色。可是由于%!#^*&$!的原因，google的网页快照非常的不稳定，那么我们就自己来加上这个关键字高亮功能吧。

具体实现当前页面被检索关键字高亮的代码如下，放入页面的document.body.onload事件中调用就行了:) function FriendlyDisplayForSearch()
{
var url = new UrlBuilder(document.referrer);
if ( url.m_Success )
{
var host = url.m_Host.toLowerCase();
if ( host.indexOf(\'.google.\') != -1 )
{
var keywords = url.GetValue(\'q\', \'UTF8\');
if ( keywords )
{
var ht = new HighlightText();
ht.Execute(keywords);
}
}
else if ( host.indexOf(\'.baidu.\') != -1 )
{

}
}
}// 由于编码和使用频率的关系，目前只做了google搜索引擎

function HighlightText(range)
{
if ( range )
{
this.m_Range = range;
}
else
{
this.m_Range = document.body.createTextRange();
}
this.m_Keyword = \'\';

this.toString = function()
{
return \'[class HightlightText]\';
};
}

HighlightText.prototype.Execute = function(keyword)
{
if ( keyword )
{
this.m_Keyword = keyword;
}
if ( this.m_Range && this.m_Keyword )
{
var separater = \' \';
if ( this.m_Keyword.indexOf(\' \') == -1 )
{
separater = \'+\';
}
var keywords = this.m_Keyword.split(separater);
var bookmark = this.m_Range.getBookmark();
for ( var i=0 ; i < keywords.length ; ++i )
{
var keyword = keywords[i];
if ( keyword && keyword.length > 1 )
{
while(this.m_Range.findText(keywords[i]))
{
this.m_Range.execCommand(\'ForeColor\', \'false\', \'highlighttext\');
this.m_Range.execCommand(\'BackColor\', \'false\', \'highlight\');
this.m_Range.collapse(false);
}
this.m_Range.moveToBookmark(bookmark);
}
}
}
}