js模糊搜索关键字高亮显示,将字体变成红色

//搜索键关键字变色
		var nWord = "${guanj}"; //获取el表达式冲文本框输入的关键字
		var array = nWord.split(""); //分割
		var dsa=document.getElementsByName("dsas");//获取全部商品
		for ( var t = 0; t < dsa.length; t++) {
			for ( var i = 0; i < array.length; i++) {
				//创建表达式,匹配替换
				var reg = new RegExp("(" + array[i].replace(/,/, "|") + ")", "g");
				//替换重新写入商品名, 匹配结果中对应的分组匹配结果
				dsa[t].innerHTML =dsa[t].innerHTML.replace(reg,"<font color=‘red‘>$1</font>");
			}
		}
		

这个是基于js跟servlet、数据库做出来的,仅供参考, QQ1015420659,喜欢结交朋友,如您有更好的解决方式请多分享。(分享是一种美德)

时间: 2024-10-15 11:43:05

js模糊搜索关键字高亮显示,将字体变成红色的相关文章

关键字高亮显示,js轻松实现

用js实现关键字搜索高亮显示,内附源码(点击下载) <script> //关键字高亮显示func function InitialKeywordsShow(_keywords, obj, caseTrue) { //var reg = new RegExp(_keywords, "g");//区分大小写 var reg = new RegExp(_keywords, "gi"); //不区分大小写 if (caseTrue) { var reg = ne

jQuery_review之表单中的隔行变色以及关键字高亮显示

在很多项目中,当然可以避免使用table,而使用div来替代,但是为了能够快速的交付项目,而且对网络优化以及搜索引擎没有太高的妥协的话,我们当然可以使用喜闻乐见的表格来进行布局.使用表格布局非常适合项目团队中有很多都是新成员,技术尚未成熟到可以从容判断div的布局会带来什么问题的情况.下面是使用table进行布局实现表格中隔行变色以及关键字高亮显示的jQuery实现. 这里要注意几个事情就是table的CSS设置中,thead以及tbody中是不好设置border属性的,所以只能妥协使用td的b

js strict 关键字

strict strict模式,JavaScript在设计之初,为了方便初学者学习,并不强制要求用var申明变量.这个设计错误带来了严重的后果:如果一个变量没有通过var申明就被使用,那么该变量就自动被申明为全局变量. 在同一个Web页面的不同的JavaScript文件中,如果都不用var申明,恰好都使用了变量i,将造成变量i互相影响,产生难以调试的错误结果. 使用var申明的变量则不是全局变量,它的范围被限制在该变量被申明的函数体内,同名变量在不同的函数体内互不冲突. 为了修补JavaScri

js return关键字

js return关键字: 加减法demo: 总结return关键字的作用: js函数中return 关键字的作用和后端return的作用几乎一致: 1.返回函数执行的结果 2.结束函数的运行 3.组织默认行为 原文地址:https://www.cnblogs.com/yingxiongguixing/p/11650794.html

angular过滤器 -- 关键字高亮显示

前端处理使给定关键字在文本中高亮显示 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>filterTest</title> </head> <script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angul

ASP.NET SignalR 与 LayIM2.0 配合轻松实现Web聊天室(七) 之 历史记录查询(时间,关键字,图片,文件),关键字高亮显示。

前言 上一篇讲解了如何自定义右键菜单,都是前端的内容,本篇内容就一个:查询.聊天历史纪录查询,在之前介绍查找好友的那篇博客里已经提到过 Elasticsearch,今天它又要上场了.对于Elasticsearch不感冒的同学呢,本篇可以不用看啦. from baidu: ElasticSearch是一个基于Lucene的搜索服务器.它提供了一个分布式多用户能力的全文搜索引擎,基于RESTful web接口.Elasticsearch是用Java开发的,并作为Apache许可条款下的开放源码发布,

移动端通过js来用rem控制字体大小的用法

通过js来控制页面字体大小,直接上代码: (function() { var rootHtml = $(":root"); var rootResize = function() { var fontSize = $(window).width() < 640 ? $(window).width() / 16 : 40; rootHtml.css("font-size", fontSize); } rootResize(); $(window).resize(

前端js模糊搜索(模糊查询)

1.html结构: <label for="searchShop" class="clear pos-a" style="top:17px;">            <input type="text" id="searchShop" placeholder="场所搜索">            <input type="button"

js基础 1.简单js 语法 关键字 保留字 变量

简单js JavaScript 是一个松散性的语言 对象属性却不想c中的结构体或者c++ 和java的对象, 对象继承机制 使用原型的prototype(原型链),js的分为三部分ECMAScript .文档DOM对象.浏览器BOM对象 1. 核心(ECMAScript) (语法.类型.语句.关键字.保留字.操作符.对象等)Ie6.7.8 第三版(ECMA-262) 兼容 2.文档对象 dom(ie6-7 基本都dom 一级(基本操作都可以),) 3.浏览器对象模型 BOM (控制浏览器显示无标