posts - 78,  comments - 48,  trackbacks - 0
          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;}
          那么所有的關鍵字(不論大小寫)將顯示為黃色背景。


          有待分析!
          posted on 2007-06-26 17:48 黑咖啡 閱讀(3411) 評論(3)  編輯  收藏 所屬分類: Java Dev

          FeedBack:
          # re: javascript控制關鍵字高亮顯示
          2007-10-16 15:33 | 不是好東東
          這段代碼樣式是怎樣實現的阿,請教前輩,haoduomi@126.com  回復  更多評論
            
          # re: javascript控制關鍵字高亮顯示
          2007-10-16 16:18 | 不是好東東
          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>");
          }
          }
          }

          代碼效果是怎么弄得阿  回復  更多評論
            
          # re: javascript控制關鍵字高亮顯示
          2009-09-15 11:55 | 保密
          這個只有IE的瀏覽器可以啊。  回復  更多評論
            

          <2007年6月>
          272829303112
          3456789
          10111213141516
          17181920212223
          24252627282930
          1234567

          留言簿(2)

          隨筆分類(67)

          文章分類(43)

          Good Article

          Good Blogs

          Open Source

          最新隨筆

          最新評論

          閱讀排行榜

          評論排行榜

          主站蜘蛛池模板: 格尔木市| 宜川县| 新化县| 马山县| 梅河口市| 潮安县| 育儿| 鹰潭市| 南漳县| 贺州市| 仁怀市| 荆州市| 罗江县| 南通市| 榆社县| 新龙县| 卫辉市| 丰宁| 屏山县| 东辽县| 聂拉木县| 普兰县| 镇江市| 双江| 盖州市| 绍兴县| 南部县| 襄汾县| 柘荣县| 炉霍县| 龙里县| 海城市| 阿城市| 武平县| 洪湖市| 常州市| 慈利县| 临清市| 邵武市| 明光市| 彰化市|