`
pennyee
  • 浏览: 5259 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
最近访客 更多访客>>
社区版块
存档分类
最新评论

高亮网页中的关键字

 
阅读更多
function highlight(word){
    var range;
    if(document.createRange){
        range = document.createRange();
    }else{
        range = document.body.createTextRange();
    }
    if(range.findText){
        range.collapse(true);
        range.moveToBookmark(range.getBookmark());
        while(range.findText(word)){
            range.pasteHTML(range.text.fontcolor("red"));
        }
    }else{
        var s,n;
        s = window.getSelection();
        s.collapse(document.body,0);
        while(window.find(word)){
            n = document.createElement("SPAN");
            n.style.color = "red";
            s.getRangeAt(0).surroundContents(n);
        }
    }
}
分享到:
评论

相关推荐

    JQuery 关键字高亮插件

    本篇文章将深入探讨一款名为"jQuery关键字高亮插件"的工具,该插件能够轻松地在网页中对特定关键字进行高亮处理。 首先,我们需要了解这个插件的基本原理。关键字高亮通常涉及到文本的搜索和替换操作,jQuery插件...

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

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

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

    jQuery.Mark插件是一款用于在网页文本中实现搜索关键字高亮显示的工具,它极大地简化了在HTML内容中突出显示匹配关键字的过程。这个插件基于流行的JavaScript库jQuery构建,旨在为用户提供一个直观且易于使用的解决...

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

    jQuery Highlighter插件就是为实现这一目标而设计的,它允许开发者轻松地在网页文本中高亮显示关键词或短语,使得用户能够快速定位到他们关心的信息。下面我们将深入探讨jQuery Highlighter的功能、用法以及它如何...

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

    在IT行业中,高亮显示关键字是一项常见的功能,特别是在网页搜索、代码编辑器和文本处理应用中。这个"高亮显示关键字 -- js插件"显然是一款用JavaScript编写的插件,旨在帮助用户更清晰地识别和突出显示特定的关键字...

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

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

    javascript网页关键字高亮代码

    ### JavaScript网页关键字高亮代码详解 #### 一、概述 在网页开发中,为了提高用户体验,经常需要对页面中的特定关键词进行高亮显示。本文将详细介绍一个基于JavaScript的关键字高亮代码实现方法,并对该方法的...

    页面关键字高亮实例

    在网页开发中,关键词高亮是一项常见的功能,它能够帮助用户快速找到页面中的重点内容,提升用户体验。这个实例主要涉及JavaScript(js)技术,通过编程实现HTML页面中关键字的自动高亮显示。以下是对这个实例的详细...

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

    这个插件的核心功能是能够快速地在网页中的文本中找到并高亮显示用户指定的关键字,无论是单个词汇、变音符号、同义词还是自定义元素,它都能够处理得游刃有余。以下将详细解析`jquery.mark`的主要特点和使用方法。 ...

    javascript网页关键字高亮代码.docx

    JavaScript网页关键字高亮是一种常见的网页交互效果,常用于搜索引擎结果展示、阅读器或者代码编辑器中,以便用户能快速定位到他们关心的关键信息。以下是一个简单的JavaScript实现关键字高亮的代码示例,以及相关的...

    javascript关键字实时自动高亮

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

    Lunene分页关键字高亮显示

    在"Default2.aspx"这个网页中,可能使用了Lucene来实现搜索功能,并在返回的结果中高亮显示用户输入的关键字,这样可以帮助用户快速识别匹配的搜索结果。 实现分页是处理大量搜索结果的常用方法,它将结果分成若干...

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

    在网页开发中,有时我们需要对用户搜索的关键字进行高亮显示,以突出这些关键字在页面内容中的重要性。本文将详细介绍如何使用JavaScript实现这一功能,特别是对于动态生成的静态页面和可更新的关键字列表。 首先,...

    javascript关键字高亮代码

    虽然故事本身并不直接关联到具体的IT技术细节,但从文档的部分内容可以看出,它涉及到了HTML与JavaScript的基本用法,尤其是如何在网页中实现文本关键字的高亮显示。 ### 关键词高亮显示 关键词高亮显示是一种常见...

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

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

    js 关键字搜索高亮显示相关材料

    在JavaScript(JS)编程中,实现关键字搜索高亮显示是一项常见的需求,特别是在开发网页搜索功能或者富文本编辑器时。这个主题涉及到字符串处理、正则表达式和DOM操作等多个方面。下面将详细介绍如何使用JavaScript...

    jquery.mark-强大的jQuery关键字文本高亮插件

    `jquery.mark`是一个高效且灵活的jQuery插件,专为在网页文本中实现关键字高亮而设计。它不仅提供基本的关键字突出显示功能,还具备一系列高级特性,使得用户能够定制化的处理文本高亮,提升用户体验。 ### 一、...

    页面sql编辑高亮显示

    在网页开发中,为了提升用户体验和增强代码可读性,SQL查询语句的高亮显示是必不可少的功能。标题“页面SQL编辑高亮显示”所涉及的技术核心在于如何在Web页面上实现一个具备实时高亮效果的SQL编辑输入框。描述中提到...

    网页代码高亮显示(flash版本)

    网页代码高亮显示是一种在网页上展示编程代码的技术,它能够使代码更加清晰易读,通过使用不同的颜色、样式来突出关键元素,如关键字、变量、注释等。本资源提供的是一款基于Flash技术的代码高亮显示解决方案。 ...

Global site tag (gtag.js) - Google Analytics