javascript: 加亮指定的文章內容關鍵字網頁特效代碼

代碼

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

是這樣的..

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

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

<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>

 

 效果:

用JS讓文章內容指定的關鍵字加亮是這樣的..現在有這些關鍵字:美容,生活,購物當在文章裡頭出現這些關鍵字,就把它加亮顯示..文章是產生靜態頁面的,而這些關鍵字是能隨時更新的,所以我想用JS來實現...不知道怎樣來實現這樣的功能啊?特此求助