javascript高亮效果的二种实现方法


Posted in Javascript onSeptember 14, 2008

js高亮方法一:

<script> 
function HighLight(nWord){ if(nWord!=''){ 
var keyword = document.body.createTextRange(); 
while(keyword.findText(nWord)){ 
keyword.pasteHTML("<span style='color:red;'>" + keyword.text + "</span>"); 
keyword.moveStart('character',1); 
} 
} 
} 
function highword(nWord){ 
var array = nWord.split(","); 
for(var i=0;i<array.length;i++){ 
HighLight(array[i]); 
} 
} 
</script> 

<body onload="highword('li,jin')"> 
<p>liujinzhong liujinzhong liuzhong</p> 
</body>

js高亮方法二:

2.

<html> 
<head> 
<title>Test Page</title> 
<script type="text/javascript"> 
<!-- 
function highLight(ele,keys) 
{ 
var reg = new RegExp("(" + keys.replace(/,/,"|") + ")","g"); ele.innerHTML = ele.innerHTML.replace(reg,"<font color=\"red\">$1</font>"); 
} 
window.onload = function() 
{ 
highLight(document.getElementsByTagName("p")[0],"li,jin"); 
} 
//--> 
</script> 
</head> 
<body> 
<p>liujinzhong liujinzhong liuzhong</p> 
</body> 
</html>
Javascript 相关文章推荐
javascript 密码框防止用户粘贴和复制的实现代码
Feb 17 Javascript
js定时调用方法成功后并停止调用示例
Apr 08 Javascript
js换图片效果可进行定时操作
Jun 09 Javascript
js防止DIV布局滚动时闪动的解决方法
Oct 30 Javascript
jQuery validate插件功能与用法详解
Dec 15 Javascript
js实现图片上传预览原理分析
Jul 13 Javascript
关于前后端json数据的发送与接收详解
Jul 30 Javascript
详解JavaScript按概率随机生成事件
Aug 02 Javascript
Vue 中使用vue2-highcharts实现曲线数据展示的方法
Mar 05 Javascript
jQuery实现点击旋转,再点击恢复初始状态动画效果示例
Dec 11 jQuery
详解Vue 全局变量,局部变量
Apr 17 Javascript
VUE UPLOAD 通过ACTION返回上传结果操作
Sep 07 Javascript
jquery 必填项判断表单是否为空的方法
Sep 14 #Javascript
js直接编辑当前cookie的脚本
Sep 14 #Javascript
javascript一些不错的函数脚本代码
Sep 10 #Javascript
利用Ext Js生成动态树实例代码
Sep 08 #Javascript
用JavaScrpt实现文件夹简单轻松加密的实现方法图文
Sep 08 #Javascript
Javascript条件判断使用小技巧总结
Sep 08 #Javascript
SyntaxHighlighter代码加色使用方法
Sep 07 #Javascript
You might like
PHP把网页保存为word文件的三种方法
2014/04/01 PHP
腾讯CMEM的PHP扩展编译安装方法
2015/09/25 PHP
PHP设置Cookie的HTTPONLY属性方法
2017/02/09 PHP
javascript基础第一章 JavaScript与用户端
2010/07/22 Javascript
初识JQuery 实例一(first)
2011/03/16 Javascript
JQuery的自定义事件代码,触发,绑定简单实例
2013/08/01 Javascript
jQuery地图map悬停显示省市代码分享
2015/08/20 Javascript
js重写方法的简单实现
2016/07/10 Javascript
JS对HTML表格进行增删改操作
2016/08/22 Javascript
BootStrap 模态框实现刷新网页并关闭功能
2017/01/04 Javascript
JS解决IOS中拍照图片预览旋转90度BUG的问题
2017/09/13 Javascript
微信小程序实现之手势锁功能实例代码
2018/07/19 Javascript
微信小程序如何使用globalData的方法
2019/06/06 Javascript
vue 全局封装loading加载教程(全局监听)
2020/11/05 Javascript
[58:11]守擂赛第二周擂主赛 DeMonsTer vs Leopard
2020/04/28 DOTA
Python实现的生成格雷码功能示例
2018/01/24 Python
详谈python中冒号与逗号的区别
2018/04/18 Python
TensorFlow 模型载入方法汇总(小结)
2018/06/19 Python
windows下python 3.6.4安装配置图文教程
2018/08/21 Python
Python数据抓取爬虫代理防封IP方法
2018/12/23 Python
详解如何管理多个Python版本和虚拟环境
2019/05/10 Python
python爬取盘搜的有效链接实现代码
2019/07/20 Python
python中matplotlib条件背景颜色的实现
2019/09/02 Python
python创建学生管理系统
2019/11/22 Python
Django app配置多个数据库代码实例
2019/12/17 Python
Python内置函数property()如何使用
2020/09/01 Python
利用python+ffmpeg合并B站视频及格式转换的实例代码
2020/11/24 Python
Staples美国官方网站:办公用品一站式采购
2016/07/28 全球购物
英国著名的茶叶品牌:Whittard of Chelsea
2016/09/22 全球购物
网络教育自我鉴定
2014/02/04 职场文书
人力资源部经理岗位职责规定
2014/02/23 职场文书
八一建军节感言
2014/02/28 职场文书
七夕情人节促销方案
2014/06/07 职场文书
竞聘自述材料
2014/08/25 职场文书
公务员年度考核评语
2014/12/31 职场文书
李白经典诗之一:全文无一“月”字,却句句有月
2019/07/12 职场文书