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 相关文章推荐
超强的IE背景图片闪烁(抖动)的解决办法
Sep 09 Javascript
自己实现string的substring方法 人民币小写转大写,数字反转,正则优化
Sep 02 Javascript
JS返回上一页实例代码通过图片和按钮分别实现
Aug 16 Javascript
jQuery替换字符串(实例代码)
Nov 13 Javascript
优化Jquery,提升网页加载速度
Nov 14 Javascript
javascript 用函数语句和表达式定义函数的区别详解
Jan 06 Javascript
jQuery插件Skippr实现焦点图幻灯片特效
Apr 12 Javascript
js省市县三级联动效果实例
Apr 15 Javascript
JavaScript BASE64算法实现(完美解决中文乱码)
Jan 10 Javascript
canvas绘制爱心的几种方法总结(推荐)
Oct 31 Javascript
layui框架与SSM前后台交互的方法
Sep 12 Javascript
解决vue项目打包上服务器显示404错误,本地没出错的问题
Nov 03 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实现小型站点广告管理
2006/10/09 PHP
php auth_http类库进行身份效验
2009/03/19 PHP
php上传文件中文文件名乱码的解决方法
2013/11/01 PHP
PHP实现计算器小功能
2020/08/28 PHP
javascript showModalDialog模态对话框使用说明
2009/12/31 Javascript
基于jquery的地址栏射击游戏代码
2011/03/10 Javascript
javascript如何创建表格(javascript绘制表格的二种方法)
2013/12/10 Javascript
JS创建自定义表格具体实现
2014/02/11 Javascript
深入理解JavaScript系列(19):求值策略(Evaluation strategy)详解
2015/03/05 Javascript
javascript html实现网页版日历代码
2016/03/08 Javascript
基于AngularJS前端云组件最佳实践
2016/10/20 Javascript
VUE实现日历组件功能
2017/03/13 Javascript
Linux系统中利用node.js提取Word(doc/docx)及PDF文本的内容
2017/06/17 Javascript
浅谈JS封闭函数、闭包、内置对象
2017/07/18 Javascript
js使用highlight.js高亮你的代码
2017/08/18 Javascript
微信小程序实现星级评价
2019/11/20 Javascript
如何利用JavaScript编写更好的条件语句详解
2020/08/10 Javascript
[01:28:43]2014 DOTA2华西杯精英邀请赛5 24 DK VS CIS
2014/05/25 DOTA
Python中设置变量作为默认值时容易遇到的错误
2015/04/03 Python
Python自定义简单图轴简单实例
2018/01/08 Python
Python实现修改文件内容的方法分析
2018/03/25 Python
Python使用pandas和xlsxwriter读写xlsx文件的方法示例
2019/04/09 Python
Djang的model创建的字段和参数详解
2019/07/27 Python
浅谈tensorflow中dataset.shuffle和dataset.batch dataset.repeat注意点
2020/06/08 Python
解决redis与Python交互取出来的是bytes类型的问题
2020/07/16 Python
详解CSS3伸缩布局盒模型Flex布局
2018/08/20 HTML / CSS
5 个强大的HTML5 API 函数推荐
2014/11/19 HTML / CSS
HTML5 Canvas中使用用路径描画圆弧
2015/01/01 HTML / CSS
Canvas 文本填充线性渐变的使用详解
2020/06/22 HTML / CSS
英国美发和美容产品商城:HQhair
2019/02/08 全球购物
navabi英国:设计师大码女装
2019/06/25 全球购物
小学生考试获奖感言
2014/01/30 职场文书
法律六进活动方案
2014/03/13 职场文书
2015年领导干部廉洁自律工作总结
2015/05/26 职场文书
浅谈Redis变慢的原因及排查方法
2022/06/21 Redis
一文了解Java动态代理的原理及实现
2022/07/07 Java/Android