`

js搜索关键词高亮

 
阅读更多
  1. <!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN">
  2. <HTML>
  3. <HEAD>
  4. <TITLE>NewDocument</TITLE>
  5. <METANAME="Generator"CONTENT="EditPlus">
  6. <METANAME="Author"CONTENT="">
  7. <METANAME="Keywords"CONTENT="">
  8. <METANAME="Description"CONTENT="">
  10. <SCRIPTLANGUAGE="JavaScript">
  11. <!--
  12. varstr="";
  13. //高亮显示
  14. functionHighLight(nWord){
  15. varorange=document.body.createTextRange();
  16. str=nWord.value;
  17. while(orange.findText(nWord.value)){
  18. orange.pasteHTML("<spanstyle='color:red;'>"+orange.text+"</span>");
  19. //orange.moveStart('character',1);
  20. }
  22. }
  24. //还原高亮显示
  25. functionhuifu()
  26. {
  27. varorange=document.body.createTextRange();
  28. if(str!="")
  29. {
  30. while(orange.findText(str)){
  31. orange.pasteHTML("<spanstyle='color:#000000;'>"+orange.text+"</span>");
  32. //orange.moveStart('character',1);
  33. }
  34. }
  36. }
  37. //-->
  38. </SCRIPT>
  39. </HEAD>
  41. <BODY>
  42. <INPUTTYPE="text"NAME=""onblur="HighLight(this)"onchange="huifu()"><br/>
  43. aaaaaaaaasdasdasdf<br/>fdddddd<br/>dddddddfffffggggggui....;;;;;;;;;;kkkkkkkkk<br/>ggggggggggggggggg<br/>
  44. mmmmmmmtyutyuer<br/>iuyoiuouiopiooooooooolkasq
  45. </BODY>
  46. </HTML>
分享到：
| js搜索关键词高亮
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    react中实现搜索结果中关键词高亮显示

    在React中实现搜索结果中关键词高亮显示的核心知识点可以分为几个部分： 1. 使用React组件的状态（state）和属性（props）进行交互。 2. 利用JavaScript的filter函数对数据进行过滤。 3. 使用正则表达式（RegExp）...

    【原创】多关键词搜索高亮标红关键词的JS方法

    实现JS多关键词高亮方法，可以改造查询条件直接引用该JS方法使用，更加简单简洁实现查询高亮关键词。多关键词当前以空格隔开演示。

    jQuery高亮关键词搜索

    在网页开发中，jQuery库因其简洁的语法和强大的功能，被广泛用于实现各种交互效果，其中之一就是“关键词高亮搜索”。jQuery高亮关键词搜索通常应用于搜索引擎或者文本内容展示页面，帮助用户快速定位到他们关心的...

    搜索关键词 高亮标记源码.zip

    本压缩包文件“搜索关键词 高亮标记源码.zip”很可能包含了一个实现这一功能的源代码示例。 高亮标记的核心在于文本处理和颜色样式应用。以下是一些关键知识点： 1. **文本匹配算法**：高亮标记首先需要对输入的...

    highlight.js实现网页关键词高亮显示

    highlight.js是一个高亮显示插件，可实现网页上的搜索关键词高亮显示，如示例演示，在文本框中输入搜索的关键字，下面的一段文字中，所有出现搜索词的地方，都会被高亮显示，醒目的将结果显示给用户，而且使用起来...

    jQuery关键词高亮

    jQuery关键词高亮能帮助用户在无需实际搜索操作的情况下，一眼看出哪些内容与他们的查询相匹配。这一功能对于提高网站的可读性和交互性有着显著的效果。 实现jQuery关键词高亮的基本步骤如下： 1. **引入jQuery库*...

    jQuery查找关键词文字高亮显示代码

    本示例中的"jQuery查找关键词文字高亮显示代码"是一个实用的功能，用于提升用户体验，特别是在用户进行搜索时。当用户在搜索框中输入关键词后，页面上与关键词匹配的部分会被高亮显示，使得用户能快速定位到相关内容...

    react-一个可以把文本中多个关键字高亮显示的react组件

    这个组件可以帮助开发者轻松地实现关键词高亮功能，提升用户在浏览和搜索文本时的体验。 首先，让我们了解React组件的基本概念。React是Facebook开源的一个JavaScript库，用于构建用户界面，尤其是单页应用。它采用...

    前端-搜索高亮、字体放大及锚点定位功能

    在nuxt.js中，可以利用`&lt;nuxt-link&gt;`组件来创建锚点链接，同时使用JavaScript监听滚动事件，判断当前滚动位置是否接近锚点，如果接近则添加或移除高亮类，以便于用户识别当前位置。 具体实现时，可能还需要考虑到...

    使用 javascript 标记高亮关键词

     }在JavaScript中，对文本内容进行关键词高亮是一项常见的需求，特别是在搜索结果展示或者代码高亮时。本段代码提供了一个名为`MarkHighLight`的函数，它实现了对HTML元素内指定关键词的高亮标记功能。 首先，我们...

    javascript关键字实时自动高亮

    这种技术的应用场景广泛，不仅可以用于文章内容，还可以用于搜索结果、代码高亮、聊天应用中关键词提醒等。同时，为了更好的用户体验，开发者还可以考虑优化性能，如使用防抖或节流函数来限制高亮操作的频率，避免...

    jQuery查找关键词文字高亮显示代码.zip

    在这个名为"jQuery查找关键词文字高亮显示代码.zip"的压缩包中，包含了一个使用jQuery实现的搜索关键词高亮显示的示例。这个功能在很多场合都非常实用，比如搜索引擎结果展示或者文本搜索定位。 首先，`index.html`...

    js 关键词高亮(根据ID/tag高亮关键字)案例介绍

    JavaScript中的关键词高亮是一种常见的文本处理技术，常用于搜索引擎结果展示、代码编辑器或文档预览等场景。它能够帮助用户快速识别和定位关键信息，提高阅读效率。本案例主要介绍如何实现根据ID和Tag名高亮关键词...

    JS实现关键词高亮显示正则匹配

    总之，通过JavaScript和正则表达式，我们可以高效地实现关键词高亮显示的功能，提高用户体验，尤其是在搜索结果展示或数据分析中。通过灵活运用这两个函数，你可以根据实际需求调整匹配策略，以满足各种场景下的需求...

    jQuery关键词查找高亮显示代码.zip

    另一个JavaScript文件可能是`searchHighlight.js`，这是一个自定义脚本，实现了关键词查找和高亮显示的逻辑。它会监听搜索框的`keyup`事件，每当用户输入新的字符时，就触发查找和高亮的过程。 在`searchHighlight....

    搜索关键词高亮插件

    总的来说，这个搜索关键词高亮插件结合了jQuery的便利性和highlight.js的专业性，为用户提供了一种高效、直观的方式来查找和突出显示网页中的特定信息。开发者可以通过分析和修改这些源代码，以适应不同的需求，比如...

    wordpress博客搜索关键词高亮显示实现代码

    在WordPress博客中，为了让用户在搜索时能更清晰地看到他们输入的关键词所在的位置，我们可以实现一个功能，即搜索关键词高亮显示。这个功能可以通过添加自定义代码来完成，从而提升用户体验，使博客看起来更具个性...

    jquery text文本框搜索段落文本关键词文字高亮显示

    接下来，我们编写JavaScript代码，这部分代码主要使用jQuery监听文本框的`keyup`事件，每当用户输入时，触发搜索并高亮显示关键词。在`search_highlight.js`文件中写入以下内容： ```javascript $(document).ready...

    jQuery关键词查找高亮显示代码.rar_jquery 搜索高亮

    本文将深入探讨如何使用jQuery实现关键词查找并进行高亮显示的效果，这在许多网页应用中用于提高用户体验，例如搜索结果的突出显示。 首先，我们需要理解基本的jQuery选择器和方法。jQuery的选择器类似于CSS，可以...

    jquery高亮插件（支持textarea内容高亮）

    **jQuery高亮插件——实现文本高亮与关键词查找** jQuery是一个广泛使用的JavaScript库，它极大地简化了HTML文档遍历、事件处理、动画以及...在全文检索应用中，结合关键词高亮，能更直观地展示结果，增强交互效果。

Magicbox
Global site tag (gtag.js) - Google Analytics