js正文内容高亮效果的实现方法
更新时间：2013年06月30日 15:53:41 作者：
这篇文章介绍了js正文内容高亮效果的实现方法，有需要的朋友可以参考一下
复制代码 代码如下:
//高亮显示搜索到的关键字
function HeightLight(Keyword)
{
//文本选择器
var TextRange;
//是否找到
var Found=false;
//找到的次数
var Count = 0;
TextRange = document.body.createTextRange();
Found = TextRange.findText(Keyword);
if (Found)
{
Count++;
}
while (Found && Count > 0)
{
TextRange.pasteHTML('<span style="background:yellow">' + Keyword + '</span>');
//将滚动条定位到第一次查到的视口范围内
if(Count==1)
{
TextRange.scrollIntoView();
}
//继续查找
Found = TextRange.findText(Keyword);
if (!Found)
{
Count = 0;
}
else
{
Count++;
}
}
}
//正则式法
function highLight(ele,keys)
{
var reg = new RegExp("(" + keys.replace(/,/,"|") + ")","g");
ele.innerHTML = ele.innerHTML.replace(reg,"<font color=\"red\">$1</font>");
}
相关文章
开始接触这门语言时，可能都会觉得这门语言缺少访问控制符(如public、private、protected)，从而导致不能定义私有变量和私有方法。但经过进一步了解就会知道javascript同样可以有私有变量。2010-02-02
网站一般都有访问量统计工具，比较高效实用的工具多种多样，这篇文章主要介绍了javascript精确统计网站访问量实例代码，感兴趣的小伙伴们可以参考一下2015-12-12
关于javascript的“静态类"...2006-10-10
这篇文章主要为大家详细介绍了微信小程序云开发之模拟后台增删改查，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-05-05
这篇文章主要介绍了JS逻辑判断选择器 || &&，下面我们来一起学习吧2019-05-05
这篇文章主要介绍了高效的jquery数字滚动特效，灵活的进行数字滚动，感兴趣的小伙伴们可以参考一下2015-12-12
这篇文章主要为大家详细介绍了JS实现网页时钟特效，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-03-03
Bootstrap的Carousel配合dropload.js实现移动端滑动切换图片
这篇文章主要介绍了bootstrap的Carousel配合dropload.js实现移动端滑动切换图片,实现方法非常简单，具有参考借鉴价值，需要的朋友可以参考下2017-03-03
这篇文章主要介绍了JavaScript 中判断变量是否为数字的示例代码,代码简单易懂对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2020-10-10
这篇文章主要介绍了javascript数组中的reduce方法和pop方法，文章内容介绍详细，具有一定的参考价值需要的小伙伴可以参考一下，希望对你的学习有所帮助2022-03-03
最新评论