Question

求javascript正则表达式实现关键字变色的代码

关键字是搜索的文字

若以下回答无法解决问题，邀请你更新回答

Answer 1

<div id="box">定义和用法
lastIndex 属性用于规定下次匹配的起始位置。

语法
RegExpObject.lastIndex说明
该属性存放一个整数，它声明的是上一次匹配文本之后的第一个字符的位置。

上次匹配的结果是由方法 RegExp.exec() 和 RegExp.test() 找到的，它们都以 lastIndex 属性所指的位置作为下次检索的起始点。这样，就可以通过反复调用这两个方法来遍历一个字符串中的所有匹配文本。

该属性是可读可写的。只要目标字符串的下一次搜索开始，就可以对它进行设置。当方法 exec() 或 test() 再也找不到可以匹配的文本时，它们会自动把 lastIndex 属性重置为 0。
</div><div id="dj" style="background:red">点我变色</div>
<script language="javascript">
var box = document.getElementById('box');
var dj = document.getElementById('dj');
var key = ['RegExp','.exec','lastIndex']//这里可以看做一个关键字配置工具，方便强大实用。
dj.onclick=function(){
var str = box.innerHTML;
box.innerHTML=str.replace(eval('/'+key.join("|")+'/g'),'<span style="color:red;">$&</span>')
}
</script>

Answer 2

那不是一两个正则表达式能实现的功能。
网上有专门的代码，你去搜一下 chili，这个就是专门做这功能的JavaScript，非常不错，我一直在用，你可以试试