<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    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 黑咖啡 閱讀(3410) 評論(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的瀏覽器可以啊。  回復  更多評論
      

    <2009年9月>
    303112345
    6789101112
    13141516171819
    20212223242526
    27282930123
    45678910

    留言簿(2)

    隨筆分類(67)

    文章分類(43)

    Good Article

    Good Blogs

    Open Source

    最新隨筆

    最新評論

    閱讀排行榜

    評論排行榜

    主站蜘蛛池模板: 亚洲精品在线观看视频| 色www永久免费| 日韩精品视频免费在线观看| 久久精品国产亚洲AV高清热| 99热在线日韩精品免费| 亚洲国产成人精品女人久久久 | 亚洲高清视频在线观看| 国产三级在线免费观看| 亚洲成A人片77777国产| 亚洲av无码日韩av无码网站冲| 免费精品国产日韩热久久| 亚洲最新视频在线观看| 国产免费爽爽视频在线观看| 91麻豆国产自产在线观看亚洲 | 无码成A毛片免费| 国产亚洲成av片在线观看| caoporn国产精品免费| 亚洲福利精品一区二区三区| 亚洲AV无码一区二区三区性色| 成年女人毛片免费观看97| 亚洲AV色吊丝无码| 麻豆一区二区免费播放网站| 亚洲最新中文字幕| 久久精品国产免费观看三人同眠 | 一级毛片在线观看免费| 亚洲成熟xxxxx电影| 久久成人a毛片免费观看网站| 亚洲av日韩av高潮潮喷无码| 日韩精品免费视频| 伊人久久综在合线亚洲2019| 蜜桃视频在线观看免费视频网站WWW| 久久精品7亚洲午夜a| 久久久久成人片免费观看蜜芽 | 99久久免费精品国产72精品九九 | 曰韩无码AV片免费播放不卡| 亚洲成A人片77777国产| 国产成人精品免费大全| 亚洲色婷婷六月亚洲婷婷6月| 99精品免费视品| 亚洲av无码成h人动漫无遮挡| 久久午夜伦鲁片免费无码|