js 查找文章中的关键字，并标红

最新推荐文章于 2024-09-09 17:26:12 发布

weixin_33913332

最新推荐文章于 2024-09-09 17:26:12 发布

阅读量3.2k

点赞数 2

CC 4.0 BY-SA版权

文章标签： javascript 游戏 ViewUI

原文链接：https://my.oschina.net/ndweb/blog/3004021

本文介绍了JavaScript中如何使用replace方法查找并标记文章中的关键字，详细解释了replace方法中各种字符的含义，包括$&、$`、$'、$n等，帮助开发者实现文本中的关键字高亮显示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

为什么80%的码农都做不了架构师？>>>

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title> 页面名称 </title>
</head>
<body>
如何判断一段文字中是否有自己想要的那几个字，如果有就把那几个字变成红色（在html中）
比如有body中有这么一串文字“驾驶的后视镜的华盛顿”，想要判断里面是否有“驾驶”这两个字，如果有就把这两个字变成红色
<span style='color: red;'></span>
<script type="text/javascript">
document.body.innerHTML = document.body.innerHTML.replace(/驾驶/ig,"<span style='color: red;'>$&</span>");
</script>
</body>
</html>

说明 replace 方法的结果是一个完成了指定替换的 stringObj 对象的复制。

下面任意的匹配变量都能用来识别最新的匹配以及找出匹配的字符串。在需要动态决定替换字符串的文本替换中可以使用匹配变量。

字符含义：

$$ $ （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 或更新版本）

转载于:https://my.oschina.net/ndweb/blog/3004021