`
amcucn
  • 浏览: 293806 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

使用JS高亮页面当中的关键字

阅读更多

工作需要,自己写了个简单的高亮页面当中的关键字

 

 /**
     * 高亮关键字
     * @param nodeID 要高亮的HTML节点ID
     * @param key 要高亮的关键字
     * @param color 关键字的颜色
     */
    highLightKeyWord:function(nodeID, key, color) {
        var NodeID = nodeID || "";
        var keyWord = key || "";
        var keyColor = color || "red";
        var node = $("#"+nodeID);//可使用document.getElementById替换
        if (NodeID != "" && keyWord != "") {
            var pattern = new RegExp(keyWord, "gi");
            var html = node.html(); //可使用innerHTML替换
            html = html.replace(pattern, "<font color='"+keyColor+"'>" + keyWord + "</font>");
            node.html(html);//可使用innerHTML替换
        }
    }
 
分享到:
评论

相关推荐

    jS 正则表达式实现关键字高亮显示

    在提供的`JS关键字高亮.html`和`正则 关键字高亮显示.html`文件中,很可能是演示了以上步骤的实例,展示了如何在网页中使用JS和正则表达式实现关键字高亮。 总之,利用JavaScript和正则表达式实现关键字高亮显示是...

    页面关键字高亮实例

    在这个实例中,我们可能有一个名为"页面关键字高亮示例"的HTML文件,其中包含了JavaScript代码和HTML结构。 JavaScript是实现这个功能的核心,它是一种在客户端运行的脚本语言,可以动态修改网页内容。在JS中,我们...

    JQuery 关键字高亮插件

    以下是一个简单的示例,展示如何高亮页面中所有包含指定关键字的元素: ```javascript $(document).ready(function() { // 指定要高亮的关键字 var keyword = "关键字"; // 选择需要高亮的元素,可以是任何...

    高亮显示关键字 -- js插件

    这个"高亮显示关键字 -- js插件"显然是一款用JavaScript编写的插件,旨在帮助用户更清晰地识别和突出显示特定的关键字或短语。JavaScript作为一种广泛使用的客户端脚本语言,适用于在用户的浏览器上运行,实现动态...

    jquery动态高亮关键字(可同时高亮多个)

    在网页开发中,有时我们需要实现一种功能,即动态地高亮显示页面中的关键字,以帮助用户快速找到他们关心的信息。本教程将深入讲解如何使用jQuery实现动态高亮多个关键字的功能。 首先,我们要明白动态高亮的基本...

    javascript正则匹配页面关键字

    在JavaScript编程中,正则表达式(Regular ...通过以上讲解,你应该掌握了如何在JavaScript中使用正则表达式匹配页面关键字的基本方法。实践中,你可以结合实际需求调整正则表达式和匹配策略,提高匹配的准确性和效率。

    jquerymark强大的jQuery关键字文本高亮插件

    使用`jquery.mark`时,你需要先引入jQuery库和插件文件(如`mark.js-master`中的`mark.min.js`),然后通过简单的jQuery选择器调用插件方法,传入关键字和可选参数,即可实现文本高亮。例如: ```javascript $(...

    javascript关键字实时自动高亮

    标题中的“javascript关键字实时自动高亮”指的是在网页中,通过JavaScript编程技术实现实时检测并高亮显示特定关键字的功能。这种技术常用于突出显示页面上的重要信息,提高用户阅读体验,尤其在文档、博客或者论坛...

    jQuery.Mark插件实现搜索高亮显示文本关键字特效源码.zip

    1. **关键字高亮**:jQuery.Mark可以自动找到文本中的指定关键字或正则表达式模式,并将这些关键字高亮显示。这在搜索结果展示、数据分析或任何需要突出显示特定内容的场景中都非常有用。 2. **可配置性**:插件...

    用JS将搜索的关键字高亮显示实现代码

    本文将详细介绍如何使用JavaScript实现这一功能,特别是对于动态生成的静态页面和可更新的关键字列表。 首先,我们要理解JavaScript的基本概念。JavaScript是一种解释型的、跨平台的脚本语言,主要用于增强网页的...

    jQueryHighlighter是一个用来高亮显示文本关键字的jQuery插件

    尽管高亮功能可能会对页面性能产生一定影响,但jQuery Highlighter通过合理的设计和优化,尽可能减少这种影响,确保在大多数现代浏览器中都能流畅运行。 9. **版本更新与维护** 根据提供的压缩包文件名`XuJinNet-...

    javascript关键字高亮代码

    从给定的信息来看,本文档主要探讨了一个虚构的故事与JavaScript关键字高亮代码的实际应用相结合的例子。虽然故事本身并不直接关联到具体的IT技术细节,但从文档的部分内容可以看出,它涉及到了HTML与JavaScript的...

    页面sql编辑高亮显示

    这个编辑器通常由一个富文本输入框(例如使用`&lt;textarea&gt;`或基于`contenteditable`属性的元素)组成,结合JavaScript库来处理高亮逻辑。描述中的“需要改下jsp内的路径”提示我们,这是一个基于Java Servlet技术的...

    纯客户端页面关键字

    纯客户端页面关键字搜索高亮jQuery插件jquery.textSearch-1.0.js

    js代码高亮显示 JavaScript代码高亮 jsp

    JavaScript代码高亮显示是提高代码可读性的关键工具,通过使用像Highlight.js或Prism.js这样的库,可以在JSP页面上轻松实现这一功能。了解如何正确地集成和配置这些库,可以帮助开发者创建更专业、更易于阅读的代码...

    代码高亮显示javascript插件

    "代码高亮显示JavaScript插件"是专门用于在Web页面中美化和突出显示JavaScript代码的工具,它能够将原始的黑白文本代码转换为具有不同颜色、字体和样式的视觉盛宴。本文将深入探讨这一主题,详细介绍JavaScript代码...

    jquery高亮插件(支持textarea内容高亮)

    在网页开发中,有时我们需要对页面上的特定文本或者关键词进行高亮显示,以突出其重要性或帮助用户快速定位。这时,jQuery高亮插件就能派上用场。本文将详细介绍一个支持textarea内容高亮的jQuery插件,及其应用方法...

    JavaScript实现关键字高亮功能

    高亮功能主要是指对页面中指定区域的指定文字进行高亮显示,也就是背景着色。一般在搜索结果页面会经常用到这个功能。 下面就为大家提供一种解决方案,用javascript实现。 首先在&lt;head&gt;中引入下面javascript...

    pdfdemo2-master_pdf.js坐标点_加工_pdf关键字坐标获取_

    3. 使用`Item`的坐标信息,计算关键字在页面上的准确位置。 4. 可能还包括进一步的处理,比如高亮显示关键字,或者基于坐标进行其他形式的交互。 此项目可能涉及到的技术还包括: - Promise和async/await,用于异步...

Global site tag (gtag.js) - Google Analytics