云服务器上建网站,网站开发实战视频,四库虎紧急入口2022,如何选择营销网站建设引入关键词文件#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));}}
