javascript 关键字高亮显示实现代码

<!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> 
<title>关键字高亮显示</title> 
</head> 
<body> 
<div class="result" id="result"> 
<div>管理资源吧是一个专业的收集各类脚本学习资料的网站,尽量修正错误打造精品脚本类学习网站,我们为大家游戏脚本资源,源码,软件,asp,php,javascript等编程资料,是网页制作,网络编程,网站建设人士的聚集场所。</div> 
　　 <span>提供最新的网络编程、脚本编程、网页制作、网页设计、网页特效，为站长与网络编程从业者提供学习资料。</span> 
　　 <div>脚本,vbscript,正则表达式,jquery,dos,bat,批处理,javascript,Photoshop,HTML,div+css,ASP,PHP,ASP.NET</div> 
</div> 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%3E%20%0D%0Afunction%20SearchHighlight(idVal%2Ckeyword)%20%0D%0A%7B%20%0D%0Avar%20pucl%20%3D%20document.getElementById(idVal)%3B%20%0D%0Aif(%22%22%20%3D%3D%20keyword)%20return%3B%20%0D%0Avar%20temp%3Dpucl.innerHTML%3B%20%0D%0Avar%20htmlReg%20%3D%20new%20RegExp(%22%5C%3C.*%3F%5C%3E%22%2C%22i%22)%3B%20%0D%0Avar%20arrA%20%3D%20new%20Array()%3B%20%0D%0A%2F%2F%E6%9B%BF%E6%8D%A2HTML%E6%A0%87%E7%AD%BE%20%0D%0Afor(var%20i%3D0%3Btrue%3Bi%2B%2B)%20%0D%0A%7B%20%0D%0Avar%20m%3DhtmlReg.exec(temp)%3B%20%0D%0Aif(m)%20%0D%0A%7B%20%0D%0AarrA%5Bi%5D%3Dm%3B%20%0D%0A%7D%20%0D%0Aelse%20%0D%0A%7B%20%0D%0Abreak%3B%20%0D%0A%7D%20%0D%0Atemp%3Dtemp.replace(m%2C%22%7B%5B(%22%2Bi%2B%22)%5D%7D%22)%3B%20%0D%0A%7D%20%0D%0Awords%20%3D%20unescape(keyword.replace(%2F%5C%2B%2Fg%2C'%20')).split(%2F%5Cs%2B%2F)%3B%20%0D%0A%2F%2F%E6%9B%BF%E6%8D%A2%E5%85%B3%E9%94%AE%E5%AD%97%20%0D%0Afor%20(w%3D0%3Bw%3Cwords.length%3Bw%2B%2B)%20%0D%0A%7B%20%0D%0Avar%20r%20%3D%20new%20RegExp(%22(%22%2Bwords%5Bw%5D.replace(%2F%5B()%7B%7D.%2B*%3F%5E%24%7C%5C%5C%5C%5B%5C%5D%5D%2Fg%2C%20%22%5C%5C%24%26%22)%2B%22)%22%2C%22ig%22)%3B%20%0D%0Atemp%20%3D%20temp.replace(r%2C%22%3Cb%20style%3D'color%3ARed%3B'%3E%241%3C%2Fb%3E%22)%3B%20%0D%0A%7D%20%0D%0A%2F%2F%E6%81%A2%E5%A4%8DHTML%E6%A0%87%E7%AD%BE%20%0D%0Afor(var%20i%3D0%3Bi%3CarrA.length%3Bi%2B%2B)%20%0D%0A%7B%20%0D%0Atemp%3Dtemp.replace(%22%7B%5B(%22%2Bi%2B%22)%5D%7D%22%2CarrA%5Bi%5D)%3B%20%0D%0A%7D%20%0D%0Apucl.innerHTML%3Dtemp%3B%20%0D%0A%7D%20%0D%0ASearchHighlight(%22result%22%2C%22%E8%84%9A%E6%9C%AC%20%E5%AD%A6%E4%B9%A0%20vbscript%22)%3B%20%0D%0A%3C%2Fscript%3E"> 
</body> 
</html>

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

教程首页更多教程