搜索关键字加亮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
投稿
猜你喜欢
Python如何通过手肘法实现k_means聚类详解
2021-03-13 16:35:34
python列表与列表算法详解(2)
2023-06-10 21:11:10
python开发App基础操作API使用示例过程
2022-01-19 18:00:35
简单的Python调度器Schedule详解
2021-09-15 09:49:19
Vue 使用 Mint UI 实现左滑删除效果CellSwipe
2024-05-10 14:16:45
FrontPage XP设计制作网页小技巧八则
2008-06-04 12:43:00
Go语言字符串基础示例详解
2023-07-17 03:14:56
SQL server高并发生成唯一订单号的方法实现
2024-01-21 21:24:55
细线表格的处理
2008-08-06 12:53:00
python中的Pyperclip模块功能详解
2021-10-25 05:28:22
windows10在visual studio2019下配置使用openCV4.3.0
2021-10-23 12:23:31
Mysql中索引和约束的示例语句
2024-01-15 18:56:30
Python格式化日期时间操作示例
2022-04-23 23:07:19
MySQL数据库中设列的默认值为Now()的介绍
2009-03-06 17:40:00
golang接口IP限流,IP黑名单,IP白名单的实例
2024-04-25 15:18:14
Python实现链表反转的方法分析【迭代法与递归法】
2021-07-07 17:56:37
利用python实现可视化大屏
2023-08-17 17:29:17
Python不支持 i ++ 语法的原因解析
2022-02-07 12:16:49
win2003服务器下配置 MySQL 群集(Cluster)的方法
2024-01-24 17:46:46
python通过pip更新所有已安装的包实现方法
2021-06-04 03:22:34