javascript高亮效果的二种实现方法
2008-09-14 00:00
1071 查看
js高亮方法一:
js高亮方法二:
2.
<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高亮效果的二种实现方法
- Html+css、javascript和JQuery三种方法实现导航条下拉菜单的炫酷效果
- JavaScript实现为input与textarea自定义hover,focus效果的方法
- dojo的connect方法使用与源代码剖析(在JavaScript里实现类似AOP的效果)
- 用JavaScript实现动画效果的方法
- javascript中实现拖拽drag & drop效果的几种方法
- Javascript实现多彩雪花从天降散落效果的方法
- 使用JavaScript实现连续滚动字幕效果的方法
- JavaScript实现京东购物放大镜和选项卡效果的方法分析
- javascript实现Table间隔色以及选择高亮(和动态切换数据)的方法
- js正文内容高亮效果的实现方法
- javascript实现网页背景烟花效果的方法
- Javascript实现飞动广告效果的方法
- 实现 JavaScript 的方法重载效果
- jQuery实现网站添加高亮突出显示效果的方法
- jQuery实现网站添加高亮突出显示效果的方法
- javascript简单实现类似QQ头像弹出效果的方法
- javascript实现下班倒计时效果的方法(可桌面通知)
- javascript 事件处理、鼠标拖动效果实现方法详解
- dojo的connect方法使用与源代码剖析(在JavaScript里实现类似AOP的效果)