企业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让文章内容指定的关键字加亮是这样的.. 现在有这些关键字:美容,生活,购物 当在文章里头出现这些关键字,就把它加亮显示.. 文章是生成静态页面的,而这些关键字是能随时更新的,所用,让,文章,内容,指,定的,...
php读取本地json文件的实例
1.data.json文件 {"goods":[{"type":1,"name":"wow精选","product":[{"id":98,"name":"真皮大衣","title":"单桶...
品牌形象的有形要素
品牌形象的有形要素包括产品及其包装、生产经营环境、生产经营业绩、社会贡献、员...
如何成为400电话代理商对400电话代理商的挑选要注意的关
400电话代理性价比高于营业厅，400电话号码来源多，功能多，便宜；所以除了安全，代...
三亚回拨外呼系统怎么样的简单介绍
本文目录一览： 1、外呼体系好用吗？2、电销外呼体系哪个好？3、外呼体系怎样样？...
Win系统没有崩溃前如何恢复安装
如果Windows 98系统没有完全崩溃，但有些系统错误通过磁盘扫描或纠错软件又没法修复，...
北京电销机器人软件（电销系统机器人）
本文目录一览： 1、有什么好用的电销软件推荐吗？ 2、2020年，电销公司用什么电销软...
常州电销外呼系统厂家（电销系统外呼平台）
本篇文章给咱们谈谈常州电销外呼体系厂家，以及电销体系外呼途径对应的知识点，期...
400电话怎么申请啊400电话可以绑定多少不同的电话号码
400手机处理只需要五个简单的步骤； 理论上，当400手机绑定电话号码时，基本上没有任...
智能外呼系统问卷（智能外呼系统问卷调查表）
本篇文章给大家谈谈智能外呼系统问卷，以及智能外呼系统问卷调查表对应的知识点，...
贵阳市ai外呼营销系统（贵阳外服公司电话）
本篇文章给大家谈谈贵阳市ai外呼营销系统，以及贵阳外服公司电话对应的知识点，希...
北京外呼系统好用吗（自动外呼系统怎么样）
今日给各位共享北京外呼体系好用吗的常识，其间也会对主动外呼体系怎么样进行解说...
福州稳定电销防封软件报价-关于
福州稳定电销防封软件报价通过交互方式来为咨询者提供应答服务帮助销售部门，处理...
什么是电销团队（什么是电销团队精神）
今天给各位分享什么是电销团队的知识，其中也会对什么是电销团队精神进行解释，如...
电销卡哪个卡种好（电销手机卡哪一种耐用?）
本文目录一览：1、防封号电销卡哪家的好?2、新开了电销公司,用什么电话卡比较稳定...
脉宝云店再放大招 百家媒体、万名网红、亿万市场强势
7 月 27 日，脉宝云店在广州召开新闻发布会，颁布颁发与国内首家食娱泛营销平台寻蜜...
用JS让文章内容指定的关键字加亮
用JS让文章内容指定的关键字加亮是这样的.. 现在有这些关键字:美容,生活,购物 当在文章里头出现这些关键字,就把它加亮显示.. 文章是生成静态页面的,而这些关键字是能随时更新的,所用,让,文章,内容,指,定的,...
咨 询 客 服
咨 询 客 服