将搜索结果中的字符与搜索关键字相符的进行加亮javascript的解决方案

来源：互联网发布：奥索卡鞋子怎么样知乎编辑：程序博客网时间：2024/06/13 20:45

转自：http://bbs.51js.com/viewthread.php?tid=84878&extra=page%3D1

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
</head>

<body>

春哥传 
春哥纯爷们!铁血真汉子! 人民好兄弟，父亲好儿子， 
拳上能站人，命根能走马，胸口碎大石，菊花开瓶盖， 
....................................... 
....................................... 
......................................... 
............................................ 
............................................ 
春哥纯爷们，铁血真汉子.一岁能杀鸡，三岁造飞机。 
五岁开坦克，六岁穿铁衣。四境百里传春哥，人人闻风而丧胆。 
若问汉子谁能敌个个摆手面色惊！ 
十岁练武打，十二会做法。十五懂发电，眨眼数百瓦。 
浑身肌肉展雄姿，意气风发震四海。 
若问春哥多强壮伸直双臂过火车！
十九练竞速，追随火箭跑。二十进男足，断子绝孙脚。 
春哥上场皆畏缩，巴西德国俱投降。 
若问爷们力多大一呼一吸龙卷风！ 
三十学瞳术，虐杀写轮眼。四十喜背书，大英图书馆。 
宇春挥手造宇宙，万物俯首拜英雄。 
若问法力有多大耶稣如来避三分！ 
五十统尘世，六十管三界。七旬一咬牙，天崩而地裂。 
力量无边觉寂寞，自感无趣退江湖。 
举头沉默望青山，山中野兽俱哀鸣.春哥从此成神话，千古佳话百世传 
神州回望花成堆，山顶千菊次第开.一爆菊花妃子笑，无人知是春哥来。 

<script>
var range = document.createRange?document.createRange():document.body.createTextRange();
 if(range.findText)
 {
 while(range.findText("春哥")){
 range.pasteHTML(range.text.fontcolor("#0000FF"));
 }
 }
 else
 {
 var o;
 while(window.find("春哥")){
 o = document.createElement("SPAN");
 o.style.color="#0000FF"
 window.getSelection().getRangeAt(0).surroundContents(o);
 }
 }

</script>
</body>
</html>