国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

用JS將搜索的關鍵字高亮顯示實現代碼

2019-11-20 21:45:21
字體:
來源:轉載
供稿:網友

用JS讓文章內容指定的關鍵字加亮

是這樣的..

現在有這些關鍵字:美容,生活,購物
當在文章里頭出現這些關鍵字,就把它加亮顯示..

文章是生成靜態頁面的,而這些關鍵字是能隨時更新的,所以我想用JS來實現...
不知道怎樣來實現這樣的功能啊?特此求助

復制代碼 代碼如下:

<script language="JavaScript">
function highlight(key) {
 var key = key.split('|');
 for (var i=0; i<key.length; i++) {
  var rng = document.body.createTextRange();
  while (rng.findText(key[i]))
  //rng.pasteHTML(rng.text.fontcolor('red'));
  rng.pasteHTML('<div style="border:1 solid red;display:inline"><a href="#" title="+ rng.text +">' + rng.text + '</a></div>');
 }
}
highlight('文章|關鍵|功能')
</script>

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 江源县| 博湖县| 东乡族自治县| 隆林| 庆阳市| 新安县| 定襄县| 万盛区| 贵州省| 星子县| 西昌市| 喀什市| 贵阳市| 鄄城县| 永新县| 溧水县| 渭南市| 凤凰县| 阳城县| 延长县| 婺源县| 从化市| 清镇市| 乳山市| 遵化市| 内黄县| 烟台市| 定边县| 成安县| 北票市| 吉隆县| 湖州市| 江阴市| 西乌| 河东区| 临高县| 保定市| 乐安县| 兴山县| 恩施市| 宜州市|