搜索关键字加亮js实现方法

作者:仰天一笑 来源:仰天一笑的blos 时间:2007-08-27 14:11:00 

1、单个关键字加亮
代码: 

<div id="txt"> 
用JS让文章内容指定的关键字加亮
是这样的.. 
现在有这些关键字:美容,生活,购物 
当在文章里头出现这些关键字,就把它加亮显示.. 
文章是生成静态页面的,而这些关键字是能随时更新的,所以我想用JS来实现... 
</div> 
<script language="JavaScript"> 
document.getElementById("txt").innerHTML = document.getElementById("txt")..innerHTML.replace(/文章/gi,"<font color=red>文章</font>"); 
</script>


2、多个关键字加亮
代码:

<div id="txt"> 
用JS让文章内容指定的关键字加亮
是这样的..现在有这些关键字:美容,生活,购物 
当在文章里头出现这些关键字,就把它加亮显示..
文章是生成静态页面的,而这些关键字是能随时更新的,所以我想用JS来实现... 
</div> 
<script language="JavaScript"> 
document.getElementById("txt").innerHTML = document.getElementById("txt").innerHTML.replace(/(文章)|(关键字)|(功能)/gi,"<font color=red>$1$2$3</font>"); 
</script>


字符 含义  
$$ $ (JScript 5.5 或更新版本)  
$& 指定与整个模式匹配的 stringObj 的部分。 (JScript 5.5 或更新版本)  
$` 指定由 $& 描述的匹配之前的 stringObj 部分。 (JScript 5.5 或更新版本)  
$' 指定由 $& 描述的匹配之后的 stringObj 部分。 (JScript 5.5 或更新版本)  
$n 捕获的第 n 个子匹配,此处 n 为从1到9的十进制一位数。 (JScript 5.5 或更新版本)  
$nn 捕获的第 nn 个子匹配,此处 nn 为从01到99的十进制两位数。 (JScript 5.5 或更新版本) 
g,全局模式匹配 
i,不区分大小写匹配

注:
1〉如果你需要通过传递参数来获得关键字,你只要适当调整代码就可以了。
2〉千万注意你样式里面含有相同的关键字的匹配,如关键字是“1”的时候,你的样式里面有height=1,这是就会出现错误,这些具体的错误,你们就要自己具体调试了。

标签:关键字,加亮,js
0
投稿

猜你喜欢

  • 不能使用“;文件已在使用中 Microsoft JET Database Engine

    2012-12-04 20:34:36
  • 网站设计输入了些什么?

    2008-04-01 09:30:00
  • 用Dreamweaver MX巧妙格式化表格

    2008-03-18 16:39:00
  • AJAX在GET中文的时候解决乱码的方法

    2007-11-04 13:04:00
  • 再说淘宝的评价和信用机制

    2008-07-10 12:43:00
  • 斜角滑动门导航条 DIV+CSS

    2008-07-19 15:45:00
  • 常用CSS缩写语法总结章

    2009-03-17 13:26:00
  • 表单系列·出错字段排行榜

    2008-07-01 12:57:00
  • ASP开发中有用的函数(function)集合(2)

    2008-10-14 17:17:00
  • 如何取得表中字段的属性?

    2010-01-18 20:52:00
  • ASPJPEG组件使用详解(缩略图+水印)

    2007-09-19 17:31:00
  • 排序的人文魅力

    2008-05-06 12:47:00
  • 收集的ORACLE函数大全

    2010-07-16 12:58:00
  • CSS属性behavior的语法及介绍

    2010-01-13 12:40:00
  • 这么多的 Oracle 性能工具

    2008-06-04 11:20:00
  • 自定义asp错误信息的显示

    2007-09-13 12:33:00
  • IE9一个非常牛的“bug”

    2010-05-07 12:45:00
  • sql server update 表的问题

    2009-10-04 20:32:00
  • XMLHTTP获取web造访头信息和网页代码

    2010-04-01 14:37:00
  • 重新认识ASP之后的我在想"是时候改变了"

    2008-05-08 13:10:00
  • asp之家 网络编程 m.aspxhome.com