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实现java C#等程序关键字加亮的效果。 <script type="text/javascript" src="prettify.js"> <title>Web.java ()"> package org.lc.util; import java.io.IOException; public ...
用JS让文章内容指定的关键字加亮 是这样的.. 现在有这些关键字:美容,生活,购物 当在文章里头出现这些关键字,就把它加亮显示.. 文章是生成静态页面的,而这些关键字是能随时更新的,所以我想用JS来实现… 不知道怎样来...
我想在页面里把想要的关键词加亮凸出(用颜色区分出来)显示,这样让客户一眼能看到重的东西,然后在加亮的关键词上可以加上超连接.请问高手们怎么实现宋的功能.就像搜索引擎的那种..搜索关键词的时候就显示红色的.
在JavaScript中,我们可以使用各种库来实现代码加亮,比如Prism.js、Highlight.js和CodeMirror等。这些库通常提供丰富的主题和语言支持,只需几行代码就能轻松实现代码加亮功能。以Highlight.js为例,我们可以在HTML...
【标题】"JS代码加亮"涉及的主要知识点是JavaScript(JS)编程中的代码高亮显示技术,这是一种在网页上展示代码时,通过不同颜色和样式突出关键字、变量、函数等语法元素,提升代码可读性的方法。代码高亮通常用于...
在JavaScript(JS)编程中,实现关键字搜索高亮显示是一项常见的需求,特别是在开发网页搜索功能或者富文本编辑器时。这个主题涉及到字符串处理、正则表达式和DOM操作等多个方面。下面将详细介绍如何使用JavaScript...
本文将介绍如何使用jQuery技术实现输入框中关键字的查找,并对找到的关键字进行颜色提亮的效果。这一过程通常在前端开发中遇到,用户输入关键字后,页面上相关的内容会相应地显示出高亮效果,从而提高用户体验。 ...
在网页制作中,HTML关键字是至关重要的元素,可以帮助我们轻松解决网页布局和设计的问题。 在提供的内容中,提到了一些特定的HTML标签,让我们逐一解析: 1. `<marquee>` 标签:这是一个非标准但常见的标签,用于...
源代码加亮是通过识别代码中的语法元素,如关键字、变量、字符串、注释等,并用不同的颜色或样式来突出它们,从而提高代码的可读性。这对于阅读和理解代码至关重要,尤其是当代码较长或者涉及到多种语言结构时。传统...
JavaScript(简称JS)和HTC...总的来说,JS+HTC的语法高亮方法结合了JavaScript的灵活性和HTC的组件化思想,虽然在当前环境下可能不是主流,但它仍然是理解和学习Web开发历史以及跨技术解决问题的一个有趣案例。
在给定的“jQuery 实现搜索查找目标字符加红高亮功能.rar”压缩包中,包含了一个实现关键词高亮显示的 jQuery 实例。这个功能对于提升用户在网页上的搜索体验具有重要意义,因为用户可以快速地识别出他们正在寻找的...
在本文中,我们将深入探讨其主要特性,包括语法加亮、撤销/恢复操作、行号显示以及如何利用源代码进行学习和扩展。 首先,让我们关注其最显著的功能——语法加亮。语法加亮是提高代码可读性和增强编辑体验的关键...
Syntaxy.js是一款专为网页设计的轻量级语法高亮JavaScript库。它的主要功能是在网页上优雅地展示代码片段,通过高亮不同编程语言的关键字、注释和变量,使得代码更易读,提升了用户体验。这款插件以其小巧的体积和...
"页面代码高亮度显示JS代码"是一个专门用于在网页上实现这一功能的JavaScript库。这种库通常会通过解析代码的语法结构,为不同的语言元素(如关键字、变量、字符串等)赋予不同的颜色或样式,从而提升代码的可读性。...
源代码加亮是编程领域中的常见需求,它能帮助开发者更清晰地阅读和理解代码,尤其在代码分享、教学或调试时更为重要。KindSyntax v1.0是一个专门为此目的设计的PHP类库,它能够对多种编程语言的源代码进行语法分析,...
【易语言网页加亮源码】是一个用于在网页中高亮显示易语言代码的源代码项目,它能够帮助用户在浏览或分享易语言程序代码时,使得代码更加清晰易读。易语言是一种中国本土开发的编程语言,其设计目标是降低编程难度,...
总的来说,实现支持IE和Firefox的JS代码美化加亮功能,需要结合合适的代码高亮库,编写适当的JavaScript代码来处理用户输入的代码,并使用CSS来定制显示样式。同时,考虑浏览器兼容性是必不可少的,特别是对于老版本...
语法加亮通常涉及到对关键字、注释、字符串、数字等不同类型的元素进行颜色区分。 要实现VB代码的高亮,可以采用以下几种方法: 1. 使用文本编辑器插件:许多文本编辑器,如Notepad++或Visual Studio Code,都有...
- `super`关键字用于调用父类的构造函数或方法。 - `this`关键字代表当前对象的引用,用于调用本类中的其他构造函数或方法。 14. **枚举** - 枚举类型是一种特殊的类,用于定义一组固定的常量。 15. **泛型** ...