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

RELATEED CONSULTING
相關咨詢
選擇下列產品馬上在線溝通
服務時間:8:30-17:00
你可能遇到了下面的問題
關閉右側工具欄

新聞中心

這里有您想知道的互聯(lián)網營銷解決方案
html如何對數據排序

在HTML中,可以使用JavaScript對數據進行排序,以下是一個簡單的示例,展示了如何使用JavaScript對表格數據進行排序:

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

1、創(chuàng)建一個HTML表格,包含一些數據:




    
    
    表格排序示例


    
姓名 年齡 城市
張三 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函數接受一個參數n,表示要排序的列索引,當用戶點擊表頭時,會觸發(fā)這個函數,對表格數據進行升序或降序排序。


網站題目:html如何對數據排序
鏈接分享:http://m.5511xx.com/article/dphpgis.html