栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > JavaScript

搜索结果页显示高亮关键词

JavaScript 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

搜索结果页显示高亮关键词

客户要求,需要要搜索结果页呈现关键词高亮显示。

两种方法可以实现,一个使用Override Render方法,另一个是写一个函数,替换呈现的内容。前者是针对页面级的,而后者是针对字段的。看实现情况页决定。

先定义好一个高亮的样式:

.hightlight_keywrod {    color: red;}


第一种方法,Render方法:第二种方法,函数:


如果是使用第二种方法,还需要在程序中指定原字符串与关键词来应用这个函数,如下面高亮部分代码:不管是第一种方法,还是第二种方法,以关键词“红水中学”搜索,网页搜索结果运行时,的效果如下:

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/247205.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号