<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<SCRIPT LANGUAGE="JavaScript">
<!--
var str="";
//高亮显示
function HighLight(nWord){
var orange = document.body.createTextRange();
str=nWord.value;
while(orange.findText(nWord.value)){
orange.pasteHTML("<span style='color:red;'>" + orange.text + "</span>");
//orange.moveStart('character',1);
}
}
//还原高亮显示
function huifu()
{
var orange = document.body.createTextRange();
if(str!="")
{
while(orange.findText(str)){
orange.pasteHTML("<span style='color:#000000;'>" + orange.text + "</span>");
// orange.moveStart('character',1);
}
}
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<INPUT TYPE="text" NAME="" onblur=" HighLight(this)" onchange="huifu()"><br/>
aaaaaaaaa sdasdasdf<br/>fdddddd<br/>dddddddfffffggggggui....;;;;;;;;;;kkkkkkkkk<br/>ggggggggggggggggg<br/>
mmmmmmmtyutyuer<br/>iuyoiuouiopiooooooooolkasq
</BODY>
</HTML>
分享到：
相关推荐
主要介绍了react中实现搜索结果中关键词高亮显示,使用react实现要比js简单很多，方法都是大同小异，具体实现代码大家跟随脚本之家小编一起看看吧
实现JS多关键词高亮方法，可以改造查询条件直接引用该JS方法使用，更加简单简洁实现查询高亮关键词。多关键词当前以空格隔开演示。
highlight.js是一个高亮显示插件，可实现网页上的搜索关键词高亮显示，如示例演示，在文本框中输入搜索的关键字，下面的一段文字中，所有出现搜索词的地方，都会被高亮显示，醒目的将结果显示给用户，而且使用起来...
前端技术：nuxt.js elementUI 纯前端实现：搜索高亮、字体放大及锚点定位功能；
jQuery关键词查找高亮显示代码，在搜索框输入关键词查找元素文字高亮显示效果代码。
用户通过此插件可以在页面中搜索关键词并高亮显示
本文实例讲述了jquery实现页面关键词高亮显示的方法。分享给大家供大家参考。具体分析如下： 通过jquery对页面搜索关键词进行高亮显示 支持中文多词页面中高亮显示 1. JavaScript代码如下： 复制代码 代码如下:...
介绍了JS将搜索的关键字高亮显示实现代码，有需要的朋友可以参考一下
pdfjs_1.1.159内添加在指定页码使用关键词进行在当前页面进行检索，并且可选所有关键词高亮
JQuery+JS实现仿百度搜索结果中关键字变色效果代码，需要的朋友可以参考下。
现在执行Package Control: Install Package ，搜索并安装XYplorer 没有包控制 将此下载为。 解压缩该zip文件中的文件夹并将其重命名为XYplorer然后移至Data\Packages\ 。 或者，仅当运行Sublime Text 3时，才将...
亮点词此附加组件会突出显示 google 搜索词。 此附加组件提供类似于桌面 Firefox 中 searchWP 和 SearchBox Sync 组合的功能。 代码的许多部分来自 Georges-Etienne Legendre、Robert Katić 和 Eduard Braun 的...
使用textSearch.js后，可实现关键词搜索，并搜索结果高亮显示----------------------------------------------------------------
基于SpringBoot+MyBaties+Thymeleaf+... ElasticSearch 作为本站的站内搜索框架，支持分词检索数据和关键词高亮。 前台页面 采用模板之家中的一部分+博客模板， 后台模板 采用 AdminLte 的模板(基于BootStrap的)。
22个经典的Javascript封装代码，非常有价值： Color Picker Component CSS圆角边框 ...搜索来源关键词高亮显示 图片倒影效果 图形滚动条 下拉框美化 消息提示窗口 支持FF的省略符 最佳化多样式Windows
ElasticSearch 作为本站的站内搜索框架，支持分词检索数据和关键词高亮。 模板引擎采用 FreeMarker，为了考虑 SEO 没有使用 js 框架，后期会考虑将后台改为 Vue 实现，敬请期待。 前台页面还是一如既往的使用本站...
ElasticSearch 作为本站的站内搜索框架，支持分词检索数据和关键词高亮。 模板引擎采用 FreeMarker，为了考虑 SEO 没有使用 js 框架，后期会考虑将后台改为 Vue 实现，敬请期待。 前台页面还是一如既往的使用本站...
ElasticSearch 作为本站的站内搜索框架，支持分词检索数据和关键词高亮。 模板引擎采用 FreeMarker，为了考虑 SEO 没有使用 js 框架，后期会考虑将后台改为 Vue 实现，敬请期待。 前台页面还是一如既往的使用本站...