日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

在HTML中，可以使用JavaScript對數(shù)據(jù)進(jìn)行排序，以下是一個簡單的示例，展示了如何使用JavaScript對表格數(shù)據(jù)進(jìn)行排序：

在陸良等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強(qiáng)發(fā)展的系統(tǒng)性、市場前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務(wù)理念，為客戶提供成都做網(wǎng)站、成都網(wǎng)站設(shè)計 網(wǎng)站設(shè)計制作按需制作網(wǎng)站,公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),成都品牌網(wǎng)站建設(shè),成都全網(wǎng)營銷推廣,成都外貿(mào)網(wǎng)站建設(shè),陸良網(wǎng)站建設(shè)費(fèi)用合理。

1、創(chuàng)建一個HTML表格，包含一些數(shù)據(jù)：

    
    
    


    

        

            

                
姓名
                
年齡
                
城市
            
        
        

            

                
張三
                
25
                
北京
            
            

                
李四
                
30
                
上海
            
            

                
王五
                
28
                
深圳
            
        
    
    

2、接下來，創(chuàng)建一個名為script.js的JavaScript文件，并編寫以下代碼：

function sortTable(n) {
    var table, rows, switching, i, x, y, shouldSwitch, dir, switchcount = 0;
    table = document.getElementById("myTable");
    switching = true;
    dir = "asc";
    while (switching) {
        switching = false;
        rows = table.rows;
        for (i = 1; i < (rows.length 1); i++) {
            shouldSwitch = false;
            x = rows[i].getElementsByTagName("TD")[n];
            y = rows[i + 1].getElementsByTagName("TD")[n];
            if (dir == "asc") {
                if (x.innerHTML.toLowerCase() > y.innerHTML.toLowerCase()) {
                    shouldSwitch = true;
                    break;
                }
            } else if (dir == "desc") {
                if (x.innerHTML.toLowerCase() < y.innerHTML.toLowerCase()) {
                    shouldSwitch = true;
                    break;
                }
            }
        }
        if (shouldSwitch) {
            rows[i].parentNode.insertBefore(rows[i + 1], rows[i]);
            switching = true;
            switchcount++;
        } else {
            if (switchcount == 0 && dir == "asc") {
                dir = "desc";
                switching = true;
            }
        }
    }
}

這個sortTable函數(shù)接受一個參數(shù)n，表示要排序的列索引，當(dāng)用戶點(diǎn)擊表頭時，會觸發(fā)這個函數(shù)，對表格數(shù)據(jù)進(jìn)行升序或降序排序。

新聞名稱：html如何對數(shù)據(jù)排序
轉(zhuǎn)載注明：http://www.5511xx.com/article/dphpgis.html