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 相关文章推荐
fckeditor 获取文本框值的实现代码
Feb 09 Javascript
Js获取数组最大和最小值示例代码
Oct 29 Javascript
jquery获取颜色在ie和ff下的区别示例介绍
Mar 28 Javascript
影响jQuery使用的14个方面
Sep 01 Javascript
JavaScript SHA1加密算法实现详细代码
Oct 06 Javascript
jquery 删除节点 添加节点 找兄弟节点的简单实现
Dec 07 Javascript
JavaScript奇技淫巧44招【实用】
Dec 11 Javascript
无法获取隐藏元素宽度和高度的解决方案
Mar 07 Javascript
动态创建Angular组件实现popup弹窗功能
Sep 15 Javascript
javascript json字符串到json对象转义问题
Jan 22 Javascript
微信小程序如何获取群聊的openGid以及名称详解
Jul 17 Javascript
JS表格的动态操作完整示例
Jan 13 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
phpMyAdmin 安装配置方法和问题解决
2009/06/08 PHP
php递归删除目录下的文件但保留的实例分享
2014/05/10 PHP
PHP实现限制域名访问的实现代码(本地验证)
2020/09/13 PHP
div层的移动及性能优化
2010/11/16 Javascript
jquery实现漂浮在网页右侧的qq在线客服插件示例
2013/05/13 Javascript
兼容IE和FF的图片上传前预览js代码
2013/05/28 Javascript
jquery移动节点实例
2015/01/14 Javascript
JS/Jquery判断对象为空的方法
2015/06/11 Javascript
javascript实现列表滚动的方法
2015/07/30 Javascript
jQuery如何获取动态添加的元素
2016/06/24 Javascript
js 调用百度分享功能
2017/02/27 Javascript
AngularJS 防止页面闪烁的方法
2017/03/09 Javascript
Vue指令的钩子函数使用方法
2017/03/20 Javascript
ionic环境配置及问题详解
2017/06/27 Javascript
简单实现js鼠标跟随效果
2020/08/02 Javascript
浅谈AngularJs 双向绑定原理(数据绑定机制)
2017/12/07 Javascript
JavaScript实现百度搜索框效果
2020/03/26 Javascript
vue插件开发之使用pdf.js实现手机端在线预览pdf文档的方法
2018/07/12 Javascript
jQuery 操作 HTML 元素和属性的方法
2018/11/12 jQuery
VUE基于NUXT的SSR 服务端渲染
2018/11/30 Javascript
JS removeAttribute()方法实现删除元素的某个属性
2021/01/11 Javascript
Linux下用Python脚本监控目录变化代码分享
2015/05/21 Python
Python通过Pygame绘制移动的矩形实例代码
2018/01/03 Python
Python使用win32 COM实现Excel的写入与保存功能示例
2018/05/03 Python
PyTorch的torch.cat用法
2020/06/28 Python
解决python运行效率不高的问题
2020/07/20 Python
华为旗下电子商务平台:华为商城
2016/08/06 全球购物
全球最大的房车租赁市场:Outdoorsy
2018/09/19 全球购物
倩碧澳大利亚官网:Clinique澳大利亚
2019/07/22 全球购物
字符串str除首尾字符外的其他字符按升序排列
2013/03/08 面试题
《画家乡》教学反思
2014/04/22 职场文书
企业理念标语
2014/06/09 职场文书
新教师培训心得体会
2014/09/02 职场文书
党的群众路线教育实践活动调研报告
2014/11/03 职场文书
2015年高考寄语或鼓励的话
2015/03/23 职场文书
董事长新年致辞
2015/07/29 职场文书