`

关键字加亮--JS方法

阅读更多
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,这是就会出现错误,这些具体的错误,你们就要自己具体调试了。


分享到:
评论

相关推荐

    CSS实现程序关键字加亮效果

    用CSS实现java C#等程序关键字加亮的效果。 &lt;script type="text/javascript" src="prettify.js"&gt; &lt;title&gt;Web.java ()"&gt; package org.lc.util; import java.io.IOException; public ...

    用JS让文章内容指定的关键字加亮

    用JS让文章内容指定的关键字加亮 是这样的.. 现在有这些关键字:美容,生活,购物 当在文章里头出现这些关键字,就把它加亮显示.. 文章是生成静态页面的,而这些关键字是能随时更新的,所以我想用JS来实现… 不知道怎样来...

    javascript关键字加亮加连接

    我想在页面里把想要的关键词加亮凸出(用颜色区分出来)显示,这样让客户一眼能看到重的东西,然后在加亮的关键词上可以加上超连接.请问高手们怎么实现宋的功能.就像搜索引擎的那种..搜索关键词的时候就显示红色的.

    代码加亮的例子

    在JavaScript中,我们可以使用各种库来实现代码加亮,比如Prism.js、Highlight.js和CodeMirror等。这些库通常提供丰富的主题和语言支持,只需几行代码就能轻松实现代码加亮功能。以Highlight.js为例,我们可以在HTML...

    JS代码加亮

    【标题】"JS代码加亮"涉及的主要知识点是JavaScript(JS)编程中的代码高亮显示技术,这是一种在网页上展示代码时,通过不同颜色和样式突出关键字、变量、函数等语法元素,提升代码可读性的方法。代码高亮通常用于...

    js 关键字搜索高亮显示相关材料

    在JavaScript(JS)编程中,实现关键字搜索高亮显示是一项常见的需求,特别是在开发网页搜索功能或者富文本编辑器时。这个主题涉及到字符串处理、正则表达式和DOM操作等多个方面。下面将详细介绍如何使用JavaScript...

    jquery 输入框查找关键字并提亮颜色的实例代码

    本文将介绍如何使用jQuery技术实现输入框中关键字的查找,并对找到的关键字进行颜色提亮的效果。这一过程通常在前端开发中遇到,用户输入关键字后,页面上相关的内容会相应地显示出高亮效果,从而提高用户体验。 ...

    HTMl关键字,网页制作

    在网页制作中,HTML关键字是至关重要的元素,可以帮助我们轻松解决网页布局和设计的问题。 在提供的内容中,提到了一些特定的HTML标签,让我们逐一解析: 1. `&lt;marquee&gt;` 标签:这是一个非标准但常见的标签,用于...

    基于PHP的源代码加亮类 KindSyntax.zip

    源代码加亮是通过识别代码中的语法元素,如关键字、变量、字符串、注释等,并用不同的颜色或样式来突出它们,从而提高代码的可读性。这对于阅读和理解代码至关重要,尤其是当代码较长或者涉及到多种语言结构时。传统...

    JS+HTC语法加亮支持多语言

    JavaScript(简称JS)和HTC...总的来说,JS+HTC的语法高亮方法结合了JavaScript的灵活性和HTC的组件化思想,虽然在当前环境下可能不是主流,但它仍然是理解和学习Web开发历史以及跨技术解决问题的一个有趣案例。

    jQuery 实现搜索查找目标字符加红高亮功能.rar

    在给定的“jQuery 实现搜索查找目标字符加红高亮功能.rar”压缩包中,包含了一个实现关键词高亮显示的 jQuery 实例。这个功能对于提升用户在网页上的搜索体验具有重要意义,因为用户可以快速地识别出他们正在寻找的...

    ICSharpCode.TextEditor_2.2实现语法加亮的编辑器(含源代码)

    在本文中,我们将深入探讨其主要特性,包括语法加亮、撤销/恢复操作、行号显示以及如何利用源代码进行学习和扩展。 首先,让我们关注其最显著的功能——语法加亮。语法加亮是提高代码可读性和增强编辑体验的关键...

    Syntaxy.js小巧灵活的网页语法高亮js插件

    Syntaxy.js是一款专为网页设计的轻量级语法高亮JavaScript库。它的主要功能是在网页上优雅地展示代码片段,通过高亮不同编程语言的关键字、注释和变量,使得代码更易读,提升了用户体验。这款插件以其小巧的体积和...

    页面代码高亮度显示JS代码

    "页面代码高亮度显示JS代码"是一个专门用于在网页上实现这一功能的JavaScript库。这种库通常会通过解析代码的语法结构,为不同的语言元素(如关键字、变量、字符串等)赋予不同的颜色或样式,从而提升代码的可读性。...

    基于PHP的源代码加亮类 KindSyntax v1.0.zip

    源代码加亮是编程领域中的常见需求,它能帮助开发者更清晰地阅读和理解代码,尤其在代码分享、教学或调试时更为重要。KindSyntax v1.0是一个专门为此目的设计的PHP类库,它能够对多种编程语言的源代码进行语法分析,...

    易代码网页加亮源码-易语言

    【易语言网页加亮源码】是一个用于在网页中高亮显示易语言代码的源代码项目,它能够帮助用户在浏览或分享易语言程序代码时,使得代码更加清晰易读。易语言是一种中国本土开发的编程语言,其设计目标是降低编程难度,...

    支持IE和firefox的js代码美化加亮

    总的来说,实现支持IE和Firefox的JS代码美化加亮功能,需要结合合适的代码高亮库,编写适当的JavaScript代码来处理用户输入的代码,并使用CSS来定制显示样式。同时,考虑浏览器兼容性是必不可少的,特别是对于老版本...

    VB语法加亮并保存成HTM、RTF格式的代码

    语法加亮通常涉及到对关键字、注释、字符串、数字等不同类型的元素进行颜色区分。 要实现VB代码的高亮,可以采用以下几种方法: 1. 使用文本编辑器插件:许多文本编辑器,如Notepad++或Visual Studio Code,都有...

    android知识点整理

    - `super`关键字用于调用父类的构造函数或方法。 - `this`关键字代表当前对象的引用,用于调用本类中的其他构造函数或方法。 14. **枚举** - 枚举类型是一种特殊的类,用于定义一组固定的常量。 15. **泛型** ...

Global site tag (gtag.js) - Google Analytics