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 黑咖啡 閱讀(3416) 評論(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

          最新隨筆

          最新評論

          閱讀排行榜

          評論排行榜

          主站蜘蛛池模板: 澜沧| 临海市| 望城县| 石棉县| 登封市| 玉田县| 平利县| 北碚区| 溧水县| 阜新市| 女性| 舞阳县| 香港 | 桐梓县| 宝坻区| 宁阳县| 色达县| 关岭| 大埔区| 温泉县| 阿拉善盟| 安吉县| 铜梁县| 班玛县| 通江县| 合肥市| 乌拉特前旗| 修水县| 闵行区| 同心县| 剑河县| 呼和浩特市| 西贡区| 祁阳县| 呼玛县| 林周县| 克山县| 谢通门县| 军事| 博爱县| 巴塘县|