让网页指定的关键词与其它部分不同

大家在BAIDU或者GOOGLE快照中经常看到这种情形，搜索的关键词加了和网页其他文字不同的标志，用来区分他们和网页其他文字不同。

<pre> 用JS让文章内容指定的关键字加亮 是这样的.. 现在有这些关键字:美容,生活,购物 当在文章里头出现这些关键字,就把它加亮显示.. IT<a href='http://www.itjxue.com/plus/search.php?kwtype=0&keyword=%BD%C' target='_blank'><u>教学网</u></a>文章是生成静态页面的,而这些关键字是能随时更新的,所以我想用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>

    [ 提示：你可先修改部分代码，再按Ctrl+A 全部选择 ]