搜索关键字加亮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
  • asp之家 网络编程 m.aspxhome.com