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 相关文章推荐
获取Javscript执行函数名称的方法
Dec 22 Javascript
jQuery调用WebService的实现代码
Jun 19 Javascript
JQuery设置文本框和密码框得到焦点时的样式
Aug 30 Javascript
Jquery实现侧边栏跟随滚动条固定(兼容IE6)
Apr 02 Javascript
AngularJS模块管理问题的非常规处理方法
Apr 29 Javascript
基于AngularJS实现页面滚动到底自动加载数据的功能
Oct 16 Javascript
微信小程序中hidden不生效原因的解决办法
Apr 26 Javascript
Angular.JS中指令ng-if的注意事项小结
Jun 21 Javascript
使用RN Animated做一个“添加购物车”动画的方法
Sep 12 Javascript
详解Vue中watch对象内属性的方法
Feb 01 Javascript
Vue.js实现大转盘抽奖总结及实现思路
Oct 09 Javascript
vue 检测用户上传图片宽高的方法
Feb 06 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与已存在的Java应用程序集成
2006/10/09 PHP
建立动态的WML站点(三)
2006/10/09 PHP
php循环table实现一行两列显示的方法
2015/06/04 PHP
php中目录操作opendir()、readdir()及scandir()用法示例
2019/06/08 PHP
laravel validate 设置为中文的例子(验证提示为中文)
2019/09/29 PHP
php 使用expat方式解析xml文件操作示例
2019/11/26 PHP
解决PHP Opcache 缓存刷新、代码重载出现无法更新代码的问题
2020/08/24 PHP
通过jQuery源码学习javascript(二)
2012/12/27 Javascript
jquery弹出层类代码分享
2013/12/27 Javascript
使用javascript实现有效时间的控制,并显示将要过期的时间
2014/01/02 Javascript
如何实现chrome浏览器关闭页面时弹出“确定要离开此面吗?”
2015/03/05 Javascript
jQuery实现强制cookie过期方法汇总
2015/05/22 Javascript
javascript引用类型之时间Date和数组Array
2015/08/27 Javascript
简单解析JavaScript中的__proto__属性
2016/05/10 Javascript
详解vue表单——小白速看
2018/04/08 Javascript
react redux入门示例
2018/04/19 Javascript
javascript将16进制的字符串转换为10进制整数hex
2020/03/05 Javascript
Vue实现一种简单的无限循环滚动动画的示例
2021/01/10 Vue.js
Python多线程和队列操作实例
2015/06/21 Python
Python语法快速入门指南
2015/10/12 Python
python智联招聘爬虫并导入到excel代码实例
2019/09/09 Python
python异常处理之try finally不报错的原因
2020/05/18 Python
django跳转页面传参的实现
2020/09/17 Python
中国跨境电子商务网站:NewFrog
2018/03/10 全球购物
俄罗斯运动、健康和美容产品在线商店:Lactomin.ru
2020/07/23 全球购物
面向中国市场的在线海淘美妆零售网站:Beauty House美丽屋
2021/03/02 全球购物
Chupi官网:在爱尔兰手工制作的订婚、结婚戒指和精美珠宝
2020/09/28 全球购物
SOA面试题:如何在SOA中实现松耦合
2013/07/21 面试题
医药个人求职信范文
2014/01/29 职场文书
大学优秀班主任事迹材料
2014/05/02 职场文书
日语系毕业求职信
2014/07/27 职场文书
作风年建设汇报材料
2014/08/14 职场文书
《卖火柴的小女孩》教学反思
2016/02/19 职场文书
2019年大学推荐信
2019/06/24 职场文书
七年级作文之英语老师
2019/10/28 职场文书
导游词之西安大清真寺
2019/12/17 职场文书