搜索关键字加亮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