企业400电话
微网小程序
AI电话机器人
电商代运营
全 部 栏 目
企业400电话
网络优化推广
AI电话机器人
呼叫中心
网站建设
商标✡知产
微网小程序
电商运营
彩铃•短信
增值拓展业务
用JS让文章内容指定的关键字加亮
<div id="txt"> 用JS让文章内容指定的关键字加亮是这样的.. 现在有这些关键字:美容,生活,购物 当在文章里头出现这些关键字,就把它加亮显示.. 文章是生成静态页面的,而这些关键字是能随时更新的,所以我想用JS来实现... 不知道怎样来实现这样的功能啊?特此求助 </div> <script language="JavaScript"> txt.innerHTML = txt.innerHTML.replace(/文章/gi,"<font color=red>文章</font>"); </script>
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
多关键词
<div id="txt"> 用JS让文章内容指定的关键字加亮 是这样的.. 现在有这些关键字:美容,生活,购物 当在文章里头出现这些关键字,就把它加亮显示.. 文章是生成静态页面的,而这些关键字是能随时更新的,所以我想用JS来实现... 不知道怎样来实现这样的功能啊?特此求助 </div> <script language="JavaScript"> txt.innerHTML = txt.innerHTML.replace(/(文章)|(关键字)|(功能)/gi,"<font color=red>$1$2$3</font>"); </script>
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
复制代码
代码如下:
字符 含义
$$ $ （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，不区分大小写匹配
多关键词，不错的方法，我也这样用
<html><body> <div id="txt"> 用JS让文章内容指定的关键字加亮 是这样的.. 现在有这些关键字:美容,生活,购物 当在文章里头出现这些关键字,就把它加亮显示.. 文章是生成静态页面的,而这些关键字是能随时更新的,所以我想用JS来实现... 不知道怎样来实现这样的功能啊?特此求助 </div> <table id="ttxt"> 用JS让文章内容指定的关键字加亮 是这样的.. 现在有这些关键字:美容,生活,购物 当在文章里头出现这些关键字,就把它加亮显示.. 文章是生成静态页面的,而这些关键字是能随时更新的,所以我想用JS来实现... 不知道怎样来实现这样的功能啊?特此求助 </table> <script type="text/javascript"> document.body.innerHTML = document.body.innerHTML.replace(/(文章|关键字|功能)/gi,"<font color=red>$1</font>"); </script> </body> </html>
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
大家为什么非要局限在 HTML 的替换上呢，从文本对象入手不是更方便一些吗？
<pre> 用JS让文章内容指定的关键字加亮 是这样的.. 现在有这些关键字:美容,生活,购物 当在文章里头出现这些关键字,就把它加亮显示.. 文章是生成静态页面的,而这些关键字是能随时更新的,所以我想用JS来实现... 不知道怎样来实现这样的功能啊?特此求助 </pre> <script language="JavaScript"> function highlight(key) { var key = key.split('|'); for (var i=0; i<key.length; i++) { var rng = document.body.createTextRange(); while (rng.findText(key[i])) rng.pasteHTML(rng.text.fontcolor('red')); } } highlight('文章|关键|功能') </script>
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
<pre> 是这样的.. 现在有这些关键字:<div style='border:1 solid red;display:inline'>美容</div>,生活,<div style='border:1 solid red;display:inline'>购物</div>当在文章里头出现这些关键字,就把它加亮显示.. 文章是生成静态页面的,而这些关键字是能随时<div style='border:1 solid red;display:inline'>更新</div>的,所以我想用JS来实现... 不知道怎样来实现这样的<div style='border:1 solid red;display:inline'>功能</div>啊?特此求助 <pre>
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
您可能感兴趣的文章:
一个对于js this关键字的问题
Jquery 高亮显示文本中重要的关键字
jquery 关键字“拖曳搜索”之“拖曳”以及 图片“提示自适应放大”效果 的实现
基于jquery的给文章加入关键字链接
jquery 结合C#后台的数组对文章的关键字自动添加链接的代码
JQuery+JS实现仿百度搜索结果中关键字变色效果
仿百度的关键词匹配搜索示例
JS实现关键字搜索时的相关下拉字段效果
Python抓取淘宝下拉框关键词的方法
jQuery过滤HTML标签并高亮显示关键字的方法
基于jQuery实现搜索关键字自动匹配功能
上一篇：
正则表达式，只匹配一次下化线！
下一篇：
看到一个JS正则的题
相关文章
用JS让文章内容指定的关键字加亮
用JS让文章内容指定的关键字加亮是这样的.. 现在有这些关键字:美容,生活,购物 当在文章里头出现这些关键字,就把它加亮显示.. 文章是生成静态页面的,而这些关键字是能随时更新的,所用,让,文章,内容,指,定的,...
证券客户联络中心解决方案
【背景需求】 近些年来，随着世界证券行业的蓬勃发展，中国的证券行业也出现了良好...
重庆电销防封系统
重庆电销防封系统,重庆电销防封系统办理,办理重庆电销防封系统 防封系统专为电销企...
电话机器人哪家好用吗(智能电话机器人哪家好
智能 电销机器人现市场上鱼龙混杂 电销机器人哪家好用吗，哪个机器人品牌好 电销机...
电销卡用哪种电话卡
电销卡用哪种电话卡 找专业代理购买，在购买电销卡的时候，可以找一些专业的代理进...
乐高电话机器人教学（乐高电话的图片）
本文目录一览：1、乐高教育与传统教育的区别主要有哪些2、少儿乐高机器人课程介绍...
青萌互娱受邀出席腾讯NOW直播年度战略发布会
2017 年 6 月 19 日下午，腾讯NOW直播在北京三里屯通盈中心洲际酒店举办“现在即未来—...
韶关电销AXB防封系统
电销AXB防封系统,电销AXB防封系统官方网址,电销AXB防封系统官方征询 AXB呼叫形式的优势...
win10系统文件受损如何修复？win10系统受损文件两种修复
在操作win10系统过程中，总是会出现一些莫名其妙的问题，比如说应用闪退、乱码、弹...
个体电话机器人（电话机器人怎么弄）
本篇文章给我们谈谈个别电话机器人，以及电话机器人怎么弄对应的知识点，期望对各...
濮阳百应电话机器人价格（百应智能电话机器人）
本文目录一览：1、现在电话机器人价格是多少?2、人工电话机器人选哪家实惠？3、电话...
原来还可以这样申请商标？
近日，河南南阳的李先生在饭店吃饭时买的崂山啤酒中奖，中奖信息显示3元换购青岛原...
大脚：一个老站长的垂死宣言
曾今的我，喜欢说笑，自从玩上了电脑，我开始语不搭调 曾今的我，心态舒展，自从玩...
台州不封号电销卡好用吗
台州不封号电销卡好用吗 现在的房产行业竞争压力也是非常大的，因为现在市面上有很...
哈尔滨电销虚拟卡怎么打电销不会封号
哈尔滨电销虚拟卡怎么打电销不会封号 电销卡的使用成本相对来说是比较低的，一般来...
西安语音外呼系统收费（西安语音外呼系统收费多少）
本文目次一览： 1、电销外呼体系一个月贵吗？ 2、外呼体系安装需要哪些用度？ 3、智...
用JS让文章内容指定的关键字加亮
用JS让文章内容指定的关键字加亮是这样的.. 现在有这些关键字:美容,生活,购物 当在文章里头出现这些关键字,就把它加亮显示.. 文章是生成静态页面的,而这些关键字是能随时更新的,所用,让,文章,内容,指,定的,...
咨 询 客 服
咨 询 客 服