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

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

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

    即興的靈感

    思維是一種藝術(shù); 藝術(shù)需要靈感。

    博客好友

    最新評論

    JavaScript搜索網(wǎng)頁表格


    ??? 表格在網(wǎng)頁中應(yīng)用十分廣泛,一個表格的使用涉及到多種操作技術(shù),各種靈活的操作可以形成一個功能強(qiáng)大的表格,而這些操作大都是基于javascript來完成的,下面就是使用javascript來實現(xiàn)對一個表格的所在列進(jìn)行搜索,分別完成模糊搜索和絕對搜索功能。
    ??? 以下為模糊搜索并將搜索到的內(nèi)容所在的行跳到當(dāng)前面前中.

    ?1?<script> ??
    ?2???function
    ?? sousuo(table,vstr){??
    ?3???var???t=false
    ;??
    ?4???var???maxrow=
    table.rows.length;??
    ?5???var???maxcol=table.rows[0
    ].cells.length;??
    ?6???var
    ???tdcon;?
    ?7?
    ???
    ?8???for(i=0;i<maxrow;i++
    ){??
    ?9?
    ? for(j=0;j<maxcol;j++)
    ???? {
    10???tdcon???=???table.rows[i].cells[j
    ];??
    11???if(tdcon.innerHTML.indexOf(vstr)>=0){?

    13? ??table.rows[i].scrollIntoView();?
    14???t=true
    ;??
    15?
    ??}??
    16
    ? }
    17?
    ??}??
    18???if
    (t){
    19?
    ??}??
    20???else???alert("沒找到:“"???+???vstr ? +???"”,請重新輸入!"
    );??
    21?
    ??}??
    22?</script>?

    ??? 以下為對一個表格中第一列中的數(shù)據(jù)進(jìn)行絕對搜索,同樣把所對應(yīng)的內(nèi)容所在行跳至當(dāng)前頁面。
    ?1?<script> ??
    ?2???function
    ???she(table,vstr){??
    ?3???var???t=false
    ;??
    ?4???var???maxrow=
    table.rows.length;??
    ?5???var???maxcol=table.rows[0
    ].cells.length;??
    ?6???var
    ???tdcon;?
    ?7?
    ???
    ?8???for(i=0;i<maxrow;i++
    ){??
    ?9?
    ????
    10???tdcon???=???table.rows[i].cells[0
    ];??
    11???if(tdcon.innerHTML==vstr){?

    13? ??table.rows[i].scrollIntoView();?
    14???t=true
    ;??
    15?
    ??}??
    16?
    ?
    17?
    ??}??
    18???if
    (t){
    19?
    ??}??
    20???else???alert("沒找到:“"???+???vstr ? +???"”,請重新輸入!"
    );??
    21?
    ??}??
    22?</script>?


    ?
    鳳凰涅槃/浴火重生/馬不停蹄/只爭朝夕
    ???? 隱姓埋名/低調(diào)華麗/簡單生活/完美人生

    posted on 2007-12-01 00:51 poetguo 閱讀(2625) 評論(4)  編輯  收藏 所屬分類: JavaScript

    評論

    # re: js搜索網(wǎng)頁表格 2007-12-01 11:46 BeanSoft

    我覺得再加個顏色高亮是不是更好一些啊.  回復(fù)  更多評論   

    # re: JavaScript搜索網(wǎng)頁表格 2008-11-26 13:56 提醒

    var maxcol=table.rows[0 ].cells.length;
    如果第一行的列數(shù)不是最多怎么辦?這樣寫有非常明顯的問題  回復(fù)  更多評論   

    # re: JavaScript搜索網(wǎng)頁表格 2008-11-26 17:29 即興詩人

    具體問題具體解決 嘎嘎。。。  回復(fù)  更多評論   

    # re: JavaScript搜索網(wǎng)頁表格 2008-11-26 17:29 即興詩人

    謝謝提醒哈  回復(fù)  更多評論   


    只有注冊用戶登錄后才能發(fā)表評論。


    網(wǎng)站導(dǎo)航:
     
    主站蜘蛛池模板: 亚洲AV无码久久久久网站蜜桃 | 国产成人精品免费视频网页大全 | 国产免费不卡v片在线观看| 无码乱人伦一区二区亚洲一| 精品一区二区三区免费视频| 国产gv天堂亚洲国产gv刚刚碰| 一个人看的在线免费视频| 亚洲精品无码99在线观看 | 免费欧洲毛片A级视频无风险| 久久精品国产亚洲AV电影网| 国产日产成人免费视频在线观看| 久久亚洲中文无码咪咪爱| 成在线人永久免费视频播放| 亚洲精品无码久久久久APP| 国产片免费在线观看| 免费人成动漫在线播放r18| 亚洲美日韩Av中文字幕无码久久久妻妇| 羞羞视频免费网站入口| 亚洲午夜日韩高清一区| 国产自国产自愉自愉免费24区| 亚洲一区二区三区高清| 免费看国产精品3a黄的视频| 国产亚洲欧美在线观看| 国产综合亚洲专区在线| 一级毛片免费观看| 亚洲一线产区二线产区精华| 成熟女人牲交片免费观看视频| 精品久久亚洲一级α| 亚洲色精品88色婷婷七月丁香| 久久99青青精品免费观看| 亚洲国产视频网站| 国产无遮挡裸体免费视频| 91视频精品全国免费观看| 亚洲国产精品成人久久久| 国产自产拍精品视频免费看| 在线人成免费视频69国产| 2017亚洲男人天堂一| 亚洲人成色77777在线观看大| 久草福利资源网站免费| 亚洲精品无码专区在线播放| 亚洲人成影院在线无码按摩店|