js正文内容高亮效果的实现方法


Posted in Javascript onJune 30, 2013
//高亮显示搜索到的关键字
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>"); 
}
Javascript 相关文章推荐
让js弹出窗口居前显示的实现方法
Jul 10 Javascript
javascript中处理时间戳为日期格式的方法
Jan 02 Javascript
JavaScript学习笔记之JS事件对象
Jan 22 Javascript
JS给超链接加确认对话框的方法
Feb 24 Javascript
jQuery实现自动切换播放的经典滑动门效果
Sep 12 Javascript
Node.js的Mongodb使用实例
Dec 30 Javascript
利用HTML5+Socket.io实现摇一摇控制PC端歌曲切换
Jan 13 Javascript
js实现敏感词过滤算法及实现逻辑
Jul 24 Javascript
React中使用UEditor百度富文本的方法
Aug 22 Javascript
自己动手封装一个React Native多级联动
Sep 19 Javascript
vue中filters 传入两个参数 / 使用两个filters的实现方法
Jul 15 Javascript
微信小程序定义和调用全局变量globalData的实现
Nov 01 Javascript
Jquery网页出现的乱码问题的三种解决方法
Jun 30 #Javascript
JavaScript全排列的六种算法 具体实现
Jun 29 #Javascript
利用js 进行输入框自动匹配字符的小例子
Jun 29 #Javascript
JS Replace()的高级使用方法介绍
Jun 29 #Javascript
jQuery.extend()的实现方式详解及实例
Jun 29 #Javascript
JS 退出系统并跳转到登录界面的实现代码
Jun 29 #Javascript
JavaScript基础篇之变量作用域、传值、传址的简单介绍与实例
Jun 29 #Javascript
You might like
php,不用COM,生成excel文件
2006/10/09 PHP
PHP 巧用数组降低程序的时间复杂度
2010/01/01 PHP
php中防止SQL注入的最佳解决方法
2013/04/25 PHP
PHP引用的调用方法分析
2016/04/25 PHP
CI框架扩展系统核心类的方法分析
2016/05/23 PHP
PHP 实现人民币小写转换成大写的方法及大小写转换函数
2017/11/17 PHP
动手学习无线电
2021/03/10 无线电
JavaScript constructor和instanceof,JSOO中的一对欢喜冤家
2009/05/25 Javascript
node.js中的fs.futimes方法使用说明
2014/12/17 Javascript
jQuery实现感应鼠标动画效果自动伸长的输入框实例
2015/02/24 Javascript
Javascript实现颜色rgb与16进制转换的方法
2015/04/18 Javascript
浅谈JavaScript中的string拥有方法的原因
2015/08/28 Javascript
javascript日期处理函数,性能优化批处理
2015/09/06 Javascript
利用forever和pm2部署node.js项目过程
2017/05/10 Javascript
基于Jquery Ajax type的4种类型(详解)
2017/08/02 jQuery
页面缩放兼容性处理方法(zoom,Firefox火狐浏览器)
2017/08/29 Javascript
Windows下使用Nodejs运行js的方法
2017/09/02 NodeJs
使用webpack-dev-server处理跨域请求的方法
2018/04/18 Javascript
通过jquery.cookie.js实现记住用户名、密码登录功能
2018/06/20 jQuery
vue动态加载SVG文件并修改节点数据的操作代码
2020/08/17 Javascript
python使用ctypes模块调用windowsapi获取系统版本示例
2014/04/17 Python
采用Psyco实现python执行速度提高到与编译语言一样的水平
2014/10/11 Python
在Python的Flask框架下收发电子邮件的教程
2015/04/21 Python
浅谈django中的认证与登录
2016/10/31 Python
Python import与from import使用及区别介绍
2018/09/06 Python
Python并发:多线程与多进程的详解
2019/01/24 Python
Haglöfs瑞典官方网站:haglofs火柴棍,欧洲顶级户外品牌
2018/10/18 全球购物
爱普生美国官网:Epson美国
2018/11/05 全球购物
英国领先的互联网葡萄酒礼品商:Vintage Wine & Port
2019/05/24 全球购物
大学生专业个人学习的自我评价
2013/10/26 职场文书
秋季运动会加油稿200字
2014/01/11 职场文书
医院总经理岗位职责
2014/02/04 职场文书
微笑面对生活演讲稿
2014/05/13 职场文书
2015年市场部工作总结
2015/04/30 职场文书
国富论读书笔记
2015/06/26 职场文书
Mysql存储过程、触发器、事件调度器使用入门指南
2022/01/22 MySQL