JS实现关键词高亮显示正则匹配-创新互联
html 和ajax 部分就不写了,只需将需要匹配的文字传进去就可以了
创新互联专注于企业全网营销推广、网站重做改版、蓬安网站定制设计、自适应品牌网站建设、H5技术、商城网站建设、集团公司官网建设、成都外贸网站建设、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为蓬安等各大城市提供网站开发制作服务。比如匹配后台传回的字符串data.content
中的关键词:直接调用:
data.content = highLightKeywords(data.content,keywords)
即可
以下两个函数分辨是匹配1:匹配关键词words中每一个字符,2:匹配整个关键词words
//高亮关键字 text =>内容 words:关键词 tag 被包裹的标签 //匹配每一个关键字字符 function highLightKeywords(text, words, tag) { tag = tag || 'span';// 默认的标签,如果没有指定,使用span var i, len = words.length, re; for (i = 0; i < len; i++) { // 正则匹配所有的文本 re = new RegExp(words[i], 'g'); if (re.test(text)) { text = text.replace(re, '<'+ tag +' class="highlight">$&'+ tag +'>'); } } } return text; }
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
当前标题:JS实现关键词高亮显示正则匹配-创新互联
链接URL:http://myzitong.com/article/dodjjs.html