用JS实现的网页关键字高亮显示的方法

<p> </p>

<p>寺院空前地热闹起来，有的和尚在拼命挑水、有的和尚在拼命念经、有的和尚在拼命协调、有的和尚在拼命分析……忙来忙去，水还是不够喝、香火钱还是不够用。什么原因呢？这个和尚说流程不顺、那个和尚说任务分解不合理，这个和尚说部门界面不清、那个和尚说考核力度不够。只有三个人最清楚问题之关键所在，那三个人就是最早的那三个和尚。说来说去，就是***闲人太多了！他们说：“整天瞎分析个屁！什么***流程问题、职责问题、接口问题、考核问题，明明就是机构臃肿问题！早知今日，还不如当初咱们仨自觉自律一点算了！如今倒好，招来了这么一大帮傻B，一个个不干正经事还***人五人六的，跟屎盆子一样甩都甩不掉！”</p>

<p> </p>

<p>又过了一年，寺院黄了，和尚们也都死了。人们在水井边发现了几具尸体，是累死的；在寺院里发现了几千具尸体，是渴死的。</p>

</body>

</html>

<script language="JavaScript" type="text/javascript"><!--

var keys =  [

["和尚","http://www.baidu.com","#ff0000"],

["系统","http://www.baidu.com","#00ff00"],

["念经","http://www.baidu.com","#0000ff"],

["工会","http://www.baidu.com","#cc6600"]

]

var bookmark;

if(document.createRange){

var range = document.createRange();

}else{

var range = document.body.createTextRange();

bookmark = range.getBookmark();

}

var key;

for(var i = 0;key = keys[i];i++){

if(range.findText){

range.collapse(true);

range.moveToBookmark(bookmark);

while(range.findText(key[0])){

range.pasteHTML(range.text.fontcolor(key[2]));

}

}else{

var s,n;

s = window.getSelection();

s.collapse(document.body,0);

while(window.find(key[0])){

var n = document.createElement("SPAN");

n.style.color=key[2];

s.getRangeAt(0).surroundContents(n);

}

}

}

//--></script>