工作需要,自己写了个简单的高亮页面当中的关键字
/**
* 高亮关键字
* @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文件 html文件 很实用
纯客户端页面关键字搜索高亮jQuery插件jquery.textSearch-1.0.js
文章是生成静态页面的,而这些关键字是能随时更新的,所以我想用JS来实现…不知道怎样来实现这样的功能啊?特此求助 代码如下:[removed]function highlight(key) { var key = key.split(‘|’); for (var i=0; i<...
高亮功能主要是指对页面中指定区域的指定文字进行高亮显示,也就是背景着色。一般在搜索结果页面会经常用到这个功能。 下面就为大家提供一种解决方案,用javascript实现。 首先在<head>中引入下面javascript...
本资源解决在页面做一个sql编辑输入框时,实现关键字时时高亮显示,类似于客户端功能,本资源比较方便好用,是我提炼出来的,下载后需要改下jsp内的路径即可使用
关键词高亮想必大家对它都不陌生吧,应用也比较广泛的,下面为大家介绍下通过javascript是如何实现页面内关键词高亮显示
主要介绍了JavaScript简单实现关键字文本搜索高亮显示功能,涉及javascript基于事件响应的页面元素遍历、分割、替换等相关操作技巧,需要的朋友可以参考下
chrome浏览器自动高亮关键词插件功能自动全文高亮您指定的关键字自动全文...使用方法安装这个插件点击chrome右上角搜索图标在文本框中输入您要高亮的关键字如下图所示高亮效果上图中“高亮”和“关键字”已经设置为高亮...
pdfjs_1.1.159内添加在指定页码使用关键词进行在当前页面进行检索,并且可选所有关键词高亮
本文实例讲述了jquery实现页面关键词高亮显示的方法。分享给大家供大家参考。具体分析如下: 通过jquery对页面搜索关键词进行高亮显示 支持中文多词页面中高亮显示 1. JavaScript代码如下: 复制代码 代码如下:...
jquery.full-search.js是一款基于Bootstrap的单页面文字搜索jQuery插件。通过搜索关键字,插件会在下拉列表中高亮列出关键字和所在的各个段落,用户点击相应的搜索下拉列表项即可跳转到相应的地方。
Bootstrap页面文字搜索代码是一款通过搜索关键字,插件会在下拉列表中高亮列出关键字和所在的各个段落,用户点击相应的搜索下拉列表项即可跳转到相应的地方。
jquery.full-search.js是一款基于Bootstrap的单页面文字搜索jQuery插件。通过搜索关键字,插件会在下拉列表中高亮列出关键字和所在的各个段落,用户点击相应的搜索下拉列表项即可跳转到相应的地方。
通过搜索关键字,插件会在下拉列表中高亮列出关键字和所在的各个段落,用户点击相应的搜索下拉列表项即可跳转到相应的地方。 jquery.fullsearch.js使用方法 使用该文字搜索插件需要在页面中引入Bootstrap相关文件,...
1,纯js实现输入提示自动检索功能 2,跨浏览器支持,在ie,firebox,chrome,360,傲游 等测试ok 3,不会影响页面原有布局 4,代码干净,简单易懂,方便扩展
当前分支有一个使用unpack lib以便在发布之前调试lib的示例。 项目设置 npm install 编译和热重装以进行开发 npm run serve 编译并最小化生产 npm run build 整理和修复文件 npm run lint 项目结构 ├── examples ...
使用Spring Data集成全文搜索搜索引擎ElasticSearch,实现文章信息的快速搜索和关键字的高亮显示。 前台前端使用HTTP客户端Axios进行异步请求,使用Vue完成数据的绑定和渲染,实现前后端的半分离。 前台静态页面来自...
Spy4Win v0.20b ...IE页面分析功能包括读取IE页面元素,缩放页面,高亮页面中的关键字,提取所有链接/图片链接/Flash链接,运行JavaScript和VBScript脚本等;程序代码生成可直接生成查找窗口和读取/设置窗口样式