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最常用与实用的创建类的代码
Aug 12 Javascript
jquery 文本上下无缝滚动,鼠标放上去就停止 小例子
Jun 05 Javascript
Javascript表格翻页效果实现思路及代码
Aug 23 Javascript
JavaScript类继承及实例化的方法
Jul 25 Javascript
Bootstrap每天必学之前端开发框架
Nov 19 Javascript
深入解析AngularJS框架中$scope的作用与生命周期
Mar 05 Javascript
js阻止浏览器默认行为触发的通用方法(推荐)
May 15 Javascript
多种方式实现js图片预览
Dec 12 Javascript
Bootstrap CSS布局之代码
Dec 17 Javascript
简单实现JS倒计时效果
Dec 23 Javascript
JavaScript之Map和Set_动力节点Java学院整理
Jun 29 Javascript
Node.js Buffer模块功能及常用方法实例分析
Jan 05 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对二维数组按指定键值key排序示例代码
2013/11/26 PHP
javascript时区函数介绍
2012/09/14 Javascript
js实现点击后将文字或图片复制到剪贴板的方法
2014/08/04 Javascript
jQuery实用函数用法总结
2014/08/29 Javascript
node.js中的fs.lstatSync方法使用说明
2014/12/16 Javascript
node.js中的fs.futimes方法使用说明
2014/12/17 Javascript
Javascript 拖拽雏形(逐行分析代码,让你轻松了拖拽的原理)
2015/01/23 Javascript
JavaScript中几种排序算法的简单实现
2015/07/29 Javascript
jQuery简单实现input文本框内灰色提示文本效果的方法
2015/12/02 Javascript
vue使用vue-cli快速创建工程
2017/07/28 Javascript
详解JavaScript的数据类型以及数据类型的转换
2019/04/20 Javascript
微信小程序遍历Echarts图表实现多个饼图
2019/04/25 Javascript
7个好用的JavaScript技巧分享(译)
2019/05/07 Javascript
js获取对象,数组所有属性键值(key)和对应值(value)的方法示例
2019/06/19 Javascript
开发中常用的25个JavaScript单行代码(小结)
2019/06/28 Javascript
谈一谈vue请求数据放在created好还是mounted里好
2020/07/27 Javascript
vue axios请求成功却进入catch的原因分析
2020/09/08 Javascript
vue data有值,但是页面{{}} 取不到值的解决
2020/11/09 Javascript
Python使用shelve模块实现简单数据存储的方法
2015/05/20 Python
python实现给数组按片赋值的方法
2015/07/28 Python
浅析Python 中整型对象存储的位置
2016/05/16 Python
Python使用字典实现的简单记事本功能示例
2019/08/15 Python
浅谈Python3多线程之间的执行顺序问题
2020/05/02 Python
Opencv常见图像格式Data Type及代码实例
2020/11/02 Python
Zavvi美国:英国娱乐之家
2017/03/19 全球购物
美国高级工作服品牌:Carhartt
2018/01/25 全球购物
毕业自我鉴定总结
2014/03/24 职场文书
2014年校务公开工作总结
2014/12/18 职场文书
公司出纳岗位职责
2015/03/31 职场文书
看雷锋电影观后感
2015/06/10 职场文书
积极心理学课程心得体会
2016/01/22 职场文书
导游词之青岛太清宫
2019/12/13 职场文书
Django展示可视化图表的多种方式
2021/04/08 Python
pytorch 中autograd.grad()函数的用法说明
2021/05/12 Python
Pytorch中Softmax与LogSigmoid的对比分析
2021/06/05 Python
使用Python+OpenCV进行卡类型及16位卡号数字的OCR功能
2021/08/30 Python