这篇文章介绍了js正文内容高亮效果的实现方法
有需要的朋友可以参考一下
复制代码 代码如下:
//高亮显示搜索到的关键字
function HeightLight(Keyword)
{
//文本选择器
var TextRange;
//是否找到
var Found=false;
//找到的次数
var Count = ;
TextRange = documentbodycreateTextRange();
Found = TextRangefindText(Keyword);
if (Found)
{
Count++;
}
while (Found && Count > )
{
TextRangepasteHTML(<span style="background:yellow"> + Keyword + </span>);
//将滚动条定位到第一次查到的视口范围内
if(Count==)
{
TextRangescrollIntoView();
}
//继续查找
Found = TextRangefindText(Keyword);
if (!Found)
{
Count = ;
}
else
{
Count++;
}
}
}
//正则式法
function highLight(elekeys)
{
var reg = new RegExp("(" + keysreplace(//"|") + ")""g");
eleinnerHTML = eleinnerHTMLreplace(reg"<font color="red">$</font>");
}
