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 相关文章推荐
jquery动态增加text元素以及删除文本内容实例代码
Jul 01 Javascript
JavaScript判断变量是否为undefined的两种写法区别
Dec 04 Javascript
jquery.mobile 共同布局遇到的问题小结
Feb 10 Javascript
举例详解Python中smtplib模块处理电子邮件的使用
Jun 24 Javascript
jquery 中toggle的2种用法详解(推荐)
Sep 02 Javascript
JS判断浏览器是否安装flash插件的简单方法
Sep 13 Javascript
webpack打包node.js后端项目的方法
Mar 10 Javascript
Vue二次封装axios为插件使用详解
May 21 Javascript
浅谈微信JS-SDK 微信分享接口开发(介绍版)
Aug 15 Javascript
微信小程序数据分析之自定义分析的实现
Aug 17 Javascript
React 源码中的依赖注入方法
Nov 07 Javascript
详解js根据百度地图提供经纬度计算两点距离
May 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
你可能不知道PHP get_meta_tags()函数
2014/05/12 PHP
使用PHP生成PDF方法详解
2015/01/23 PHP
PHP迭代器和迭代的实现与使用方法分析
2018/04/19 PHP
jQuery过滤选择器:not()方法使用介绍
2014/04/20 Javascript
jquery的ajax跨域请求原理和示例
2014/05/08 Javascript
详解JavaScript函数对象
2015/11/15 Javascript
JavaScript 中有关数组对象的方法(详解)
2016/08/15 Javascript
关于Vue实现组件信息的缓存问题
2017/08/23 Javascript
详解vue.js之绑定class和style的示例代码
2017/08/24 Javascript
vue router学习之动态路由和嵌套路由详解
2017/09/21 Javascript
如何开发出更好的JavaScript模块
2017/12/22 Javascript
vue中的watch监听数据变化及watch中各属性的详解
2018/09/11 Javascript
详解Vue+ElementUI从零开始搭建自己的网站(一、环境搭建)
2019/04/30 Javascript
vue中使用elementUI组件手动上传图片功能
2019/12/13 Javascript
JavaScript实现网页跨年倒计时
2020/12/02 Javascript
在Python的框架中为MySQL实现restful接口的教程
2015/04/08 Python
TensorFlow在MAC环境下的安装及环境搭建
2017/11/14 Python
Windows下的Jupyter Notebook 安装与自定义启动(图文详解)
2018/02/21 Python
对Python中TKinter模块中的Label组件实例详解
2019/06/14 Python
python DES加密与解密及hex输出和bs64格式输出的实现代码
2020/04/13 Python
中外合拍动画首获奥斯卡提名,“上海出品”《飞奔去月球》能否拿下最终大奖?
2021/03/16 国漫
eharmony澳大利亚:网上约会服务
2020/02/29 全球购物
JD Sports荷兰:英国领先的运动时尚零售商
2020/03/13 全球购物
瑞典最大的儿童用品网上商店:pinkorblue.se
2021/03/09 全球购物
军训自我鉴定100字
2014/02/13 职场文书
报告会主持词
2014/04/02 职场文书
先进事迹演讲稿
2014/09/01 职场文书
党员批评与自我批评思想汇报
2014/10/08 职场文书
婚前协议书范本两则
2014/10/16 职场文书
地陪导游欢迎词
2015/01/26 职场文书
街道社区活动报告
2015/02/05 职场文书
2015年世界卫生日活动总结
2015/02/09 职场文书
社团个人总结范文
2015/03/05 职场文书
建国大业观后感600字
2015/06/01 职场文书
php 获取音视频时长,PHP 利用getid3 获取音频文件时长等数据
2021/04/01 PHP
Springboot集成kafka高级应用实战分享
2022/08/14 Java/Android