要怎么实现关键字高亮呢

实现关键字高亮可以通过以下步骤：

获取需要高亮的文本内容和关键字。
使用正则表达式匹配文本中的关键字，将匹配到的关键字用 HTML 标签包裹起来，比如使用 <span> 标签。
在包裹关键字的 HTML 标签中添加样式，比如设置颜色、背景色、加粗等。
将处理后的文本内容显示在网页上。

以下是一个简单的示例代码：

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>关键字高亮示例</title>
  <style>
    .highlight {
      background-color: yellow;
      font-weight: bold;
    }
  </style>
</head>
<body>
  <p id="text">这是一段包含关键字的文本，关键字是 JavaScript。</p>
  <script>
    var text = document.getElementById('text').innerHTML;
    var keyword = 'JavaScript';
    var regex = new RegExp(keyword, 'gi');
    var highlightedText = text.replace(regex, '<span class="highlight">' + keyword + '</span>');
    document.getElementById('text').innerHTML = highlightedText;
  </script>
</body>
</html>

在上面的示例中，我们使用了正则表达式来匹配文本中的关键字，将匹配到的关键字用 <span> 标签包裹起来，并在 <span> 标签中添加了一个名为 highlight 的 CSS 类，用于设置高亮样式。最后将处理后的文本内容重新设置到页面上的 <p> 元素中。