`

关键字加亮--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关键字加亮加连接

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

    用JS将搜索的关键字高亮显示实现代码

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

    js 关键词高亮(根据ID/tag高亮关键字)案例介绍

    关键词高亮在开发中会带来很多的方便,关键词高亮包括:根据ID高亮关键字/根据Tag名高亮关键字等等,感兴趣的朋友可以了解下,希望本文对你有所帮助

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

    ICSharpCode.TextEditor_2.2(含源代码)是一个很强大的编辑器,使用C#语言编写,能实现撤销,恢复,行号,语法加亮等的操作

    ZendStudio_13.01

    关键字、语法加亮显示 (PHP, HTML, XHTML, and Javascript) XML& CSS的关键字、语法加亮显示 代码模板 支持 PHP 4 and PHP 5 代码自动完成功能 PHP Code (+PHPDoc) 分析功能 内部调试器 代码摘录 PHP 代码分析 远程...

    values.js:获取颜色的色调和阴影

    values.js 获取CSS颜色的色调 颜色的明暗程度称为其值。 色调是通过将颜色与白色混合来增加亮度的亮度值。 阴影是通过将颜色与黑色混合而形成的深色值,这会降低亮度。 技术支持 &lt;颜色值&gt; 十六进制RGB值:#RGB ...

    colorinterpreter:一个用于解析和转换浏览器颜色字符串的JS模块

    一个用于解释和输出浏览器颜色字符串的javascript模块。 从汲取灵感,ColorInterpreter支持以下浏览器颜色字符串: 十六进制 HEXA(具有alpha值的十六进制) 红绿蓝 RGBA 高速钢 HSLA 关键字词 此外,可以从...

    notepad++ -5.9.0.zip(最新版)

    ②、Notepad可自动检测文件类型,根据关键字显示节点,节点可自由折叠/打开,代码显示得非常有层次感! ③、Notepad可打开双窗口,在分窗口中又可打开多个子窗口,允许快捷切换全屏显示模式(F11),支持鼠标滚轮改变...

    网络程序员伴侣(Lshdic) 2004

    一款能够开发Html,Css,Vml,Dhtml,JavaScript,VBScript,Asp,Sql,Php,Xml,Xsl数11种网络编程语言于一身的混编编辑器,集语法加亮,数据转换,文件目录编辑,工程开发,模块开发,关键字提示,代码速编,代码输入等于一身,成为...

    color:用于各种颜色操作的独立 JavaScript 库

    用于各种颜色操作的独立 JavaScript 库。 小而强大。目标环境浏览器 6+ 最新稳定版:Firefox、Chrome、Safari、Opera 毫无疑问,你也可以在浏览器扩展和其他非浏览器环境中使用这个库,比如或 。特征数十种色彩空间...

    强悍文本编辑器 - Notepad++ v5.3 Final 多国语言版

    batch file Javascript ASP VB/VBS SQL Objective-C RC resource file Pascal Perl Python Lua TeX TCL Assembler Ruby Lisp Scheme Properties Diff Smalltalk Postscript VHDL Ada Caml AutoIt KiXtart Matlab ...

    Notepad++V5.9.6-官方版

    ②、Notepad可自动检测文件类型,根据关键字显示节点,节点可自由折叠/打开,代码显示得非常有层次感!这是此软件最具特色的体现之一; ③、Notepad可打开双窗口,在分窗口中又可打开多个子窗口,允许快捷切换全屏...

    PHP函数库,PHP函数大全,PHP函数实例,PHP函数手册,PHP5函数库实例

    用正则加亮关键字 程序运行过程中直接输出 缩略图带版权信息函数 缩略图类 获得用户操作系统的换行符 获得用户的真实IP地址 计算字符串的长度(汉字按照两个字符计算) 设为主页 转换附件大小单位 转静态函数...

    Notepad 6.3

    Notepad++_6.3绿色Notepad++ 是一款非常有特色的编辑器,是开源软件,可以免费...②、Notepad可自动检测文件类型,根据关键字显示节点,节点可自由折叠/打开,代码显示得非常有层次感!这是此软件最具特色的体现之一;

    notepad++安装包

    学编程的朋友都知道Notepad++ 程序员必备...可自动检测文件类型,根据关键字显示节点,节点可自由折叠/打开,还可显示缩进引导线,代码显示得很有层次感;这里提供一个我自己从网上下载的,一直在用,希望可以方便大家

    Appearance-figma-plugin:Figma插件。 这个插件会根据您的选择生成一个Darklight主题

    该插件可根据您的选择生成暗/亮模式。 该插件可以使用外部库样式和本地样式。 您可以在设置中选择样式名称标识。 默认情况下,该插件将[day]设为浅色,将[night]设为深色。 这个怎么运作: 在样式名称中使用关键字...

    vscode-remedy:一个以橙色为基调的VS Code主题,其根基为Base16-80年代的颜色主题

    我的目标是为各种标记提供非常一致的颜色编码,以使它们不仅对于一种语言而且在所有语言中看起来都是相同的(即,字符串,类型注释,类,语言关键字等)具有相同的颜色,无论您使用的语言)。 我相信我实现了这个...

Global site tag (gtag.js) - Google Analytics