吉林网站建设设计,网页设计适合女生吗,网站主页设计,园区建设网站的方案引入关键词文件#xff0c;符合有条件的背景色高亮显示#xff0c;也可取消。 div idtestHtmlp写入的文本/pp关键词/p/div
var str 多个关键词#xff0c;关键词文件#xff0c;关键词
var strL str.replac…引入关键词文件符合有条件的背景色高亮显示也可取消。 div idtestHtmlp写入的文本/pp关键词/p/div
var str 多个关键词关键词文件关键词
var strL str.replace(/,/g,|) //将关键词用竖线分割
function btnClick(){var Htmlstr $(#testHtml).html()var reg new RegExp((strL), g)$(#testHtml).html( Htmlstr.replace(reg,span stylebackground-color:#EEC900;$1/span) )
}function removeBtnClick(){var Htmlstr $(#testHtml).html()var reg new RegExp(span stylebackground-color:#EEC900;( strL )/span,gm)$(#testHtml).html( Htmlstr.replace(reg,$1) )
}
第二种方式多种颜色高亮显示
var colors [#ef0c0c,#EEC900,#9F79EE,#FFC1C1]var keywordsdetail []keywordsdetail str.split(,)function highlight(str,params) {var regnew RegExp(((params.keys)),gm);var colorparams.color || #f00;var replacespan stylebackground-color:color;params.keys/span;return str.replace(reg,replace);}
function btnClick(){//显示多种颜色关键词高亮按钮for(var i0;ikeywordsdetail.length;i){var params{keys:keywordsdetail[i],color:colors[i]}$(#testHtml).html(highlight($(#testHtml).html(),params));}}
