本文目錄一覽：
用JS將搜索的關鍵字高亮顯示實現代碼
用JS讓文章內容指定的關鍵字加亮
是這樣的..
現在有這些關鍵字:美容,生活,購物
當在文章裡頭出現這些關鍵字,就把它加亮顯示..
文章是生成靜態頁面的,而這些關鍵字是能隨時更新的,所以我想用JS來實現…
不知道怎樣來實現這樣的功能啊?特此求助
複製代碼
代碼如下:
script
language=”JavaScript”
function
highlight(key)
{
var
key
=
key.split(‘|’);
for
(var
i=0;
ikey.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
notepad++怎麼讓js代碼高亮顯示
np++ 只要你的文件名後綴是 .js 的， 它就能自動識別為高亮
推薦你使用sublime text ， 我見過的最好的文本編輯器， 非常好用，非常好看！
js 給頁面內文字高光特效
如果不想動複製過來的內容，（可能內容比較多，也不好找，改動又可能會影響其他）
那就將你自己寫的div 都添加一個class， 設置文字格式，如font-size,font-color等。
div class=”norm”blabla/div
style里可能需要這些：
.norm {
font-family:Verdana, Geneva, sans-serif;
size:12px;
color:black;
opacity:1;
moz-opacity:1;
filter:false;
}
原創文章，作者：小藍，如若轉載，請註明出處：https://www.506064.com/zh-hant/n/206307.html
微信掃一掃 
支付寶掃一掃 