教程集 www.jiaochengji.com
教程集 >  脚本编程  >  javascript  >  正文 js搜索关键字高亮显示效果代码

js搜索关键字高亮显示效果代码

发布时间:2016-11-29   编辑:jiaochengji.com
教程集为您提供js搜索关键字高亮显示效果代码等资源,欢迎您收藏本站,我们将为您提供最新的js搜索关键字高亮显示效果代码资源
我们使用百度搜索时会发现搜索到相类是的词会高亮显示出来了,下面我来给大家介绍利用js搜索关键字高亮显示效果代码,大家可进入参考。
提示:您可以先修改部分代码再运行

<textarea name="runcool" rows="28" cols="75" > <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>js关键字高亮显示</title> </head> <body>
网页制作教程网提供专业网页设计教程与网页制作教程包括有php教程、ps教程、asp.net教程、JSP教程、网页特效、CSS教程、平面设计、网页素材、服务器安全、数据库编程、asp教程等目前网页设计教程中所需要的知识内容教程。
<script> function SearchHighlight(idVal,keyword) { var pucl = document.getElementById(idVal); if("" == keyword) return; var temp=pucl.innerHTML; var htmlReg = new RegExp("<.*?>","i"); var arrA = new Array(); //替换HTML标签 for(var i=0;true;i ) { var m=htmlReg.exec(temp); if(m) { arrA[i]=m; } else { break; } temp=temp.replace(m,"{[(" i ")]}"); } words = unescape(keyword.replace(/ /g,' ')).split(/s /); //替换关键字 for (w=0;w<words.length;w ) { var r = new RegExp("(" words[w].replace(/[(){}. *?^$|\[]]/g, "\$&") ")","ig"); temp = temp.replace(r,""); } //恢复HTML标签 for(var i=0;i<arrA.length;i ) { temp=temp.replace("{[(" i ")]}",arrA[i]); } pucl.innerHTML=temp; } SearchHighlight("result","网页制作 服务器 vbscript");
提示:您可以先修改部分代码再运行

您可能感兴趣的文章:
js搜索关键字高亮显示效果代码
js网页搜索结果选中一行高亮显示
solr学习笔记之solr查询语法
js高亮显示搜索关键字并忽略大小写的代码
Jquery实现高亮搜索结果
seo优化之企业网站标题怎么定位
javascript 搜索框效果示例
php实现搜索多关键词高亮显示程序代码
php记录搜索引擎关键词的代码示例
如何选择网站关键字

[关闭]
~ ~