js+正文规则 高亮搜索关键字

采用的：

 function HighlightText(obj,keyword) 

 {

 if(document.referrer){

   var reg=new RegExp(keyword,"g"); //创建正则RegExp对象

   var regdx=keyword;

   var data=document.getElementById(obj).innerHTML;//替换范围获取源代码

   document.getElementById(obj).innerHTML=data.replace(reg,'<span class="cC30">'+regdx+'</span>');//根据正则表达式替换

   var reg=new RegExp(keyword.toLowerCase(),"g"); //创建正则RegExp对象

   var regdx=keyword.toLowerCase();

   var data=document.getElementById(obj).innerHTML;//替换范围获取源代码

   document.getElementById(obj).innerHTML=data.replace(reg,'<span class="cC30">'+regdx+'</span>');//根据正则表达式替换

   var reg=new RegExp(keyword.toUpperCase(),"g"); //创建正则RegExp对象 

   var regdx=keyword.toUpperCase();

   var data=document.getElementById(obj).innerHTML;//替换范围获取源代码

   document.getElementById(obj).innerHTML=data.replace(reg,'<span class="cC30">'+regdx+'</span>');//根据正则表达式替换

   }

 } 

window.οnlοad=function(){HighlightText('news','123');};

网络资源：

 
 <script type=         "text/javascript"     >       
      
 <!--       
      
 // 说明：获取搜索引擎关键字     并高亮     显示       
      
 // 整理：http://www.CodeBit.cn       
          
 /* http://www.kryogenix.org/code/browser/searchhi/ */       
      
 /* Modified 20021006 to fix query string parsing and add case insensitivity */       
      
 function      highlightWord         (     node,word         )         {       
      
 // Iterate into this nodes childNodes       
      
 if         (     node.         hasChildNodes         )         {       
      
 var      hi_cn;       
      
 for         (     hi_cn=     ;hi_cn<node.         childNodes     .         length     ;hi_cn++         )         {       
      
 highlightWord         (     node.         childNodes         [     hi_cn         ]     ,word         )     ;       
      
 }       
      
 }       
          
 // And do this node itself       
      
 if         (     node.         nodeType      ==          3         )         {         // text node       
      
 tempNodeVal = node.         nodeValue     .         toLowerCase         (         )     ;       
      
 tempWordVal = word.         toLowerCase         (         )     ;       
      
 if         (     tempNodeVal.         indexOf         (     tempWordVal         )      !=          -1         )         {       
      
 pn = node.         parentNode     ;       
      
 if         (     pn.         className      !=          "searchword"         )         {       
      
 // word has not already been highlighted!       
      
 nv = node.         nodeValue     ;       
      
 ni = tempNodeVal.         indexOf         (     tempWordVal         )     ;       
      
 // Create a load of replacement nodes       
      
 before = document.         createTextNode         (     nv.         substr         (     ,ni         )         )     ;       
      
 docWordVal = nv.         substr         (     ni,word.         length         )     ;       
      
 after = document.         createTextNode         (     nv.         substr         (     ni+word.         length         )         )     ;       
      
 hiwordtext = document.         createTextNode         (     docWordVal         )     ;       
      
 hiword = document.         createElement         (         "span"         )     ;       
      
 hiword.         className      =          "searchword"     ;       
      
 hiword.         appendChild         (     hiwordtext         )     ;       
      
 pn.         insertBefore         (     before,node         )     ;       
      
 pn.         insertBefore         (     hiword,node         )     ;       
      
 pn.         insertBefore         (     after,node         )     ;       
      
 pn.         removeChild         (     node         )     ;       
      
 }       
      
 }       
      
 }       
      
 }       
          
 function      googleSearchHighlight         (         )         {       
      
 if         (     !document.         createElement         )         return     ;       
      
 ref = document.         referrer     ;       
      
 if         (     ref.         indexOf         (         '?'         )      ==          -1         )         return     ;       
      
 qs = ref.         substr         (     ref.         indexOf         (         '?'         )         +1         )     ;       
      
 qsa = qs.         split         (         '&'         )     ;       
      
 for         (     i=     ;i<qsa.         length     ;i++         )         {       
      
 qsip = qsa         [     i         ]     .         split         (         '='         )     ;       
      
 if         (     qsip.         length      ==          1         )         continue     ;       
      
 if         (     qsip         [         ]      ==          'q'      || qsip         [         ]      ==          'p'         )         {         // q= for Google, p= for Yahoo       
      
 words = unescape         (     decodeURIComponent         (     qsip         [         1         ]     .         replace         (         //+/g     ,         ' '         )         )         )     .         split         (         //s+/         )     ;       
      
 for         (     w=     ;w<words.         length     ;w++         )         {       
      
 highlightWord         (     document.         getElementsByTagName         (         "body"         )         [         ]     ,words         [     w         ]         )     ;       
      
 }       
      
 }       
      
 }       
      
 }       
          
 window.         onload      = googleSearchHighlight;       
          
 //-->       
      
 </script>       
     
         

javascript控制关键字高亮显示

function SearchHighlight(mytag) 

{

     if  ( ! document.createElement)

{

         return ;

    }

    var q  =   " {{$q}} " ; // 要高亮显示的关键字

    var l  =  document.getElementsByTagName(mytag);

     if ( ""   ==  q)  return ;

    words  =  unescape(q.replace( /+/ g, '   ' )).split( / s +/ );

     for  (w = 0 ;w < words.length;w ++ ) 

{

         for (i = 0 ;i < l.length;i ++ )

{

            var pa  =   new  RegExp( " ( " + words[w] + " ) " , " ig " );

             if (l.parentNode.parentNode.parentNode.id  !=   " header " ) // 标题中的内容不替换

            l.innerHTML  =  l.innerHTML.replace(pa, " <span class= " searchword " >$1</span> " );

        }

    }

}

1、正则表达式

2、向后引用

调用方法：

document.onload = SearchHighlight(”a”);//要搜索的标签名称，这里的意思是凡是形如<a></a>的标记中的内容，包含关 键字的时候均高亮显示。然后把下面的CSS定义加到你的CSS文件里或者直接加到HTML文件中

.searchword{background-color:yellow;}

那么所有的关键字（不论大小写）将显示为黄色背景。

有待分析！