關鍵字加亮--JS方法

形如Google,Baidu的搜索關鍵字加亮,我比較了好幾個,還是腳本之家的最好,javascript方法實現很簡單,如果添加上面很炫,有需要的仁兄可以看看。

1、單個關鍵字加亮
代碼: 
<div id="txt">
用JS讓文章內容指定的關鍵字加亮
是這樣的.. 
現在有這些關鍵字:美容,生活,購物 
當在文章裏頭出現這些關鍵字,就把它加亮顯示.. 
文章是生成靜態頁面的,而這些關鍵字是能隨時更新的,所以我想用JS來實現... 
</div>
<script language="JavaScript">
document.getElementById("txt").innerHTML = document.getElementById("txt")..innerHTML.replace(/文章/gi,"<font color=red>文章</font>");
</script>

2、多個關鍵字加亮
代碼:
<div id="txt">
用JS讓文章內容指定的關鍵字加亮
是這樣的..現在有這些關鍵字:美容,生活,購物 
當在文章裏頭出現這些關鍵字,就把它加亮顯示..
文章是生成靜態頁面的,而這些關鍵字是能隨時更新的,所以我想用JS來實現... 
</div>
<script language="JavaScript">
document.getElementById("txt").innerHTML = document.getElementById("txt").innerHTML.replace(/(文章)|(關鍵字)|(功能)/gi,"<font color=red>$1$2$3</font>");
</script>

字符 含義  
$$ $ (JScript 5.5 或更新版本)  
$& 指定與整個模式匹配的 stringObj 的部分。 (JScript 5.5 或更新版本)  
$` 指定由 $& 描述的匹配之前的 stringObj 部分。 (JScript 5.5 或更新版本)  
$' 指定由 $& 描述的匹配之後的 stringObj 部分。 (JScript 5.5 或更新版本)  
$n 捕獲的第 n 個子匹配,此處 n 爲從1到9的十進制一位數。 (JScript 5.5 或更新版本)  
$nn 捕獲的第 nn 個子匹配,此處 nn 爲從01到99的十進制兩位數。 (JScript 5.5 或更新版本) 
g,全局模式匹配 
i,不區分大小寫匹配

注:
1〉如果你需要通過傳遞參數來獲得關鍵字,你只要適當調整代碼就可以了。
2〉千萬注意你樣式裏面含有相同的關鍵字的匹配,如關鍵字是“1”的時候,你的樣式裏面有height=1,這是就會出現錯誤,這些具體的錯誤,你們就要自己具體調試了。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章