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 22 Javascript
javascript模版引擎-tmpl的bug修复与性能优化分析
Oct 23 Javascript
js写一个弹出层并锁屏效果实现代码
Dec 07 Javascript
获取当前点击按钮的id用this.id实现
Mar 17 Javascript
深入分析下javascript中的[]()+!
Jul 07 Javascript
AngularJS通过$location获取及改变当前页面的URL
Sep 23 Javascript
js拖拽功能实现代码解析
Nov 28 Javascript
Bootstrap显示与隐藏简单实现代码
Mar 06 Javascript
Vue实现一个返回顶部backToTop组件
Jul 25 Javascript
webpack4 CSS Tree Shaking的使用
Sep 03 Javascript
JavaScript数组、json对象、eval()函数用法实例分析
Feb 21 Javascript
Vue实现下拉加载更多
May 09 Vue.js
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
Yii入门教程之目录结构、入口文件及路由设置
2014/11/25 PHP
php+ajax实时输入自动搜索匹配的方法
2014/12/26 PHP
thinkphp3.x中session方法的用法分析
2016/05/20 PHP
php把文件设置为插件的技巧方法
2020/02/03 PHP
游戏人文件夹程序 ver 4.03
2006/07/14 Javascript
asp批量修改记录的代码
2008/06/25 Javascript
javascript onkeydown,onkeyup,onkeypress,onclick,ondblclick
2009/02/04 Javascript
jquery tools 系列 scrollable(2)
2009/09/06 Javascript
深入理解JavaScript系列(2) 揭秘命名函数表达式
2012/01/15 Javascript
js中的push和join方法使用介绍
2013/10/08 Javascript
Node.js抓取中文网页乱码问题和解决方法
2015/02/10 Javascript
Jquery实现textarea根据文本内容自适应高度
2015/04/03 Javascript
jquery实现列表上下移动功能
2016/02/25 Javascript
基于jQuery实现Accordion手风琴自定义插件
2020/10/13 Javascript
解决vue打包css文件中背景图片的路径问题
2018/09/03 Javascript
vue通信方式EventBus的实现代码详解
2019/06/10 Javascript
微信内置浏览器图片查看器的代码实例
2019/10/08 Javascript
python 字典(dict)按键和值排序
2016/06/28 Python
Python实现字符串格式化的方法小结
2017/02/20 Python
教你一步步利用python实现贪吃蛇游戏
2019/06/27 Python
python 实现字符串下标的输出功能
2020/02/13 Python
使用Python爬取弹出窗口信息的实例
2020/03/14 Python
使用CSS禁止textarea调整大小功能的方法
2015/03/13 HTML / CSS
HTML5 Canvas图像模糊完美解决办法
2018/02/06 HTML / CSS
美国领先的男士和女士内衣购物网站:Freshpair
2019/02/25 全球购物
大班亲子运动会方案
2014/06/10 职场文书
2014年教师党员自我评价范文
2014/09/22 职场文书
工商局副局长个人对照检查材料
2014/09/25 职场文书
优秀党支部申报材料
2014/12/24 职场文书
客户经理岗位职责大全
2015/04/09 职场文书
2015年领班工作总结
2015/04/29 职场文书
学校计划生育责任书
2015/05/09 职场文书
2016关于预防职务犯罪的心得体会
2016/01/21 职场文书
Python实现8种常用抽样方法
2021/06/27 Python
与Windows10相比Windows11有哪些改进?值不值得升级?
2021/11/21 数码科技
Win11怎么进入安全模式?Windows 11进入安全模式的方法
2021/11/21 数码科技