亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

定單管理上 JS表格排序第1/2頁

2019-11-21 02:29:08

字體：大中小

來源：轉載

供稿：網友

自己經常用的比較好用的效果經常用在定單管理上 JS表格排序不需要用ASP再計算一次

<script language="JavaScript" type="text/javascript"> var dom = (document.getElementsByTagName) ? true : false; var ie5 = (document.getElementsByTagName && document.all) ? true : false; var arrowUp, arrowDown; if (ie5 || dom)     initSortTable(); function initSortTable() {     arrowUp = document.createElement("SPAN");     var tn = document.createTextNode("↓");     arrowUp.appendChild(tn);     arrowUp.className = "arrow";     arrowDown = document.createElement("SPAN");     var tn = document.createTextNode("↑");     arrowDown.appendChild(tn);     arrowDown.className = "arrow"; } function sortTable(tableNode, nCol, bDesc, sType) {     var tBody = tableNode.tBodies[0];     var trs = tBody.rows;     var a = new Array();     for (var i=0; i<trs.length; i++) {         a[i] = trs[i];     }     a.sort(compareByColumn(nCol,bDesc,sType));     for (var i=0; i<a.length; i++) {         tBody.appendChild(a[i]);     } } function CaseInsensitiveString(s) {     return String(s).toUpperCase(); } function parseDate(s) {     return Date.parse(s.replace(//-/g, '/')); } function toNumber(s) {     return Number(s.replace(/[^0-9/.]/g, "")); } function compareByColumn(nCol, bDescending, sType) {     var c = nCol;     var d = bDescending;     var fTypeCast = String;     if (sType == "Number")         fTypeCast = Number;     else if (sType == "Date")         fTypeCast = parseDate;     else if (sType == "CaseInsensitiveString")         fTypeCast = CaseInsensitiveString;     return function (n1, n2) {         if (fTypeCast(getInnerText(n1.cells[c])) < fTypeCast(getInnerText(n2.cells[c])))             return d ? -1 : +1;         if (fTypeCast(getInnerText(n1.cells[c])) > fTypeCast(getInnerText(n2.cells[c])))             return d ? +1 : -1;         return 0;     }; } function sortColumn(e) {     var tmp, el, tHeadParent;     if (ie5)         tmp = e.srcElement;     else if (dom)         tmp = e.target;     tHeadParent = getParent(tmp, "THEAD");     el = getParent(tmp, "TD");     if (tHeadParent == null)         return;     if (el != null) {         var p = el.parentNode;         var i;         if (el._descending) // catch the null         el._descending = false;         else         el._descending = true;         if (tHeadParent.arrow != null) {             if (tHeadParent.arrow.parentNode != el) {                 tHeadParent.arrow.parentNode._descending = null;                }             tHeadParent.arrow.parentNode.removeChild(tHeadParent.arrow);         }         if (el._descending)             tHeadParent.arrow = arrowDown.cloneNode(true);         else             tHeadParent.arrow = arrowUp.cloneNode(true);         el.appendChild(tHeadParent.arrow);         // get the index of the td         for (i=0; i<p.cells.length; i++) {             if (p.cells[i] == el) break;         }         var table = getParent(el, "TABLE");         // can't fail         sortTable(table,i,el._descending, el.getAttribute("type"));     } } function getInnerText(el) {     if (ie5) return el.innerText; //Not needed but it is faster     var str = "";     for (var i=0; i<el.childNodes.length; i++) {         switch (el.childNodes.item(i).nodeType) {             case 1: //ELEMENT_NODE                 str += getInnerText(el.childNodes.item(i));                 break;             case 3: //TEXT_NODE                 str += el.childNodes.item(i).nodeValue;                 break;         }     }     return str; } function getParent(el, pTagName) {     if (el == null) return null;     else if (el.nodeType == 1 && el.tagName.toLowerCase() == pTagName.toLowerCase())         return el;     else         return getParent(el.parentNode, pTagName); } </script> <table width="100%" border="1" cellspacing="0" cellpadding="1" onclick="sortColumn(event)">  <thead> <tr>     <td><a href='#'>序號</a></th>     <td><a href="#">名稱</a></th>     <td><a href="#">金額</a></th>     <td><a href="#">數量</a></th>     <td><a href="#">日期</a> </th>     <td><a href="#">點擊</a></th>   </tr></thead>   <tr>     <td>1</td>     <td>a</td>     <td>1.26</td>     <td>5</td>     <td>2006-1-5</td>     <td>321</td>   </tr>   <tr>     <td>2</td>     <td>e</td>     <td>12.65</td>     <td>6</td>     <td>2006-10-4</td>     <td>456</td>   </tr>   <tr>     <td>3</td>     <td>f</td>     <td>21.03</td>     <td>4</td>     <td>2006-2-7</td>     <td>122</td>   </tr>   <tr>     <td>4</td>     <td>g</td>     <td>21.33</td>     <td>3</td>     <td>2006-8-9</td>     <td>147</td>   </tr>   <tr>     <td>5</td>     <td>h</td>     <td>12.21</td>     <td>5</td>     <td>2007-8-1</td>     <td>1024</td>   </tr>   <tr>     <td>6</td>     <td>d</td>     <td>14.36</td>     <td>2</td>     <td>2003-4-9</td>     <td>99</td>   </tr>   <tr>     <td>7</td>     <td>a</td>     <td>25.3</td>     <td>3</td>     <td>2006-10-4</td>     <td>122</td>   </tr>   <tr>     <td>8</td>     <td>wd</td>     <td>0.35</td>     <td>44</td>     <td>2008-10-25</td>     <td>444</td>   </tr>   <tr>     <td>9</td>     <td>f</td>     <td>12.1</td>     <td>56</td>     <td>2006-10-23</td>     <td>123</td>   </tr>   <tr>     <td>10</td>     <td>w</td>     <td>123.3</td>     <td>12</td>     <td>2005-5-7</td>     <td>321</td>   </tr>   <tr>     <td>11</td>     <td>e</td>     <td>654</td>     <td>12</td>     <td>2006-9-12</td>     <td>99</td>   </tr>   <tr>     <td>12</td>     <td>t</td>     <td>12.21</td>     <td>13</td>     <td>2007-7-3</td>     <td>100</td>   </tr>   <tr>     <td>13</td>     <td>f</td>     <td>12.64</td>     <td>14</td>     <td>2001-12-31</td>     <td>32</td>   </tr> </table>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

12 下一頁閱讀全文

上一篇：js傳值判斷

下一篇：document.open() 與 document.write()

學習交流

索泰發布一款GTX 1070 Mini迷你版本:小機

索泰發布一款GTX 1070 Mini迷你版本:小機箱大愛...

熱門圖片

猜你喜歡的新聞

猜你喜歡的關注

新聞熱點

榮耀總裁趙明烏鎮演講：榮耀首款5G手機V30下月發布

2019-10-23 09:17:05

搜狐張朝陽：回歸媒體是搜狐重新崛起的關鍵

2019-10-21 09:20:02

華為輪值董事長郭平：虛擬技術創造現實價值

2019-10-21 09:00:12

滴滴英文服務上線兩周年用戶已超200萬

2019-09-26 08:57:12

華為推出全球至快AI訓練集群Atlas900

2019-09-25 08:46:36

馬斯克：特斯拉正組建中國技術團隊

2019-09-25 08:15:43

疑難解答

圖片精選

網友關注

亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

色七七影院综合| 精品国产视频在线| 国产欧美一区二区三区在线| 中文字幕欧美日韩在线| 另类美女黄大片| 欧美俄罗斯乱妇| 国产精品久久久久免费a∨| 欧美日韩xxxxx| 亚洲精品乱码久久久久久金桔影视| 最近2019好看的中文字幕免费| 一区二区三区天堂av| 日韩在线国产精品| 91日本视频在线| 国产黑人绿帽在线第一区| 国产日本欧美在线观看| 亚洲精品久久7777777| 国产亚洲精品久久久久久| 亚洲欧美自拍一区| 亚洲欧美999| 精品亚洲夜色av98在线观看| 久久精品国产电影| 亚洲精品98久久久久久中文字幕| 7777免费精品视频| 成人黄色影片在线| 午夜精品久久久久久久久久久久久| 欧美猛少妇色xxxxx| 亚洲色图偷窥自拍| 中文国产成人精品| 日韩美女免费视频| 亚洲色图在线观看| 亚洲国产精品久久久久久| 国产福利视频一区二区| 国产精品丝袜视频| 久久久久久美女| 午夜精品久久17c| 国产日韩欧美日韩| 在线精品国产成人综合| 国产精品国产亚洲伊人久久| 国产中文字幕91| 久久精品最新地址| 日韩在线观看免费高清完整版| 亚洲japanese制服美女| 精品综合久久久久久97| 全色精品综合影院| 亚洲精品福利资源站| 国产成人综合av| 日韩精品在线观看网站| 色综合色综合久久综合频道88| 宅男66日本亚洲欧美视频| 亚洲欧美综合图区| 亚洲高清福利视频| 亚洲无av在线中文字幕| 中文字幕日韩精品在线| 久久久精品免费| zzijzzij亚洲日本成熟少妇| 国产欧美va欧美va香蕉在线| 国产精品欧美风情| 亚洲国产另类国产精品国产免费| 国产91精品高潮白浆喷水| 美女国内精品自产拍在线播放| 亚洲片国产一区一级在线观看| 成人精品视频99在线观看免费| 亚洲高清免费观看高清完整版| 亚洲午夜精品久久久久久久久久久久| 91精品国产91久久久久久不卡| 国产精品1区2区在线观看| 成人免费网站在线看| 亚洲自拍偷拍网址| 欧美成人精品三级在线观看| 色777狠狠综合秋免鲁丝| 91精品国产91久久久久久最新| 亚洲国产一区二区三区四区| 国产精品综合网站| 欧美精品在线极品| 久青草国产97香蕉在线视频| 疯狂做受xxxx欧美肥白少妇| 成人免费在线网址| 欧美激情精品久久久久久蜜臀| 亚洲tv在线观看| 精品亚洲国产视频| 欧美特级www| 国产精品欧美一区二区| 亚洲一区二区中文| 亚洲精品国产精品自产a区红杏吧| 成年人精品视频| 亚洲一区亚洲二区亚洲三区| 国产成人亚洲综合91| 久久99国产精品久久久久久久久| 日韩av毛片网| 国产精品十八以下禁看| 国产69精品久久久久9| 国产日韩在线视频| 欧美成年人视频网站欧美| 欧美一区二三区| 亚洲福利在线观看| 欧美诱惑福利视频| 久久人人爽人人爽人人片av高清| 国产亚洲欧美日韩美女| 国产香蕉精品视频一区二区三区| 国产精品久久久久久久久男| 国产美女扒开尿口久久久| 国产精品视频大全| 日韩中文字幕欧美| 欧美日韩国产一中文字不卡| 久久伊人91精品综合网站| 91精品一区二区| 国产精品va在线播放我和闺蜜| 成人国产精品日本在线| 国产精品视频精品视频| 俺去亚洲欧洲欧美日韩| 亚洲精品国产精品自产a区红杏吧| 欧美综合在线观看| 国产精品亚发布| 国产精品中文在线| 国产日韩欧美中文| 国产剧情日韩欧美| 日韩av在线网页| 亚洲最大成人免费视频| 亚洲男女性事视频| 午夜精品一区二区三区av| 日韩免费精品视频| 久久久久一本一区二区青青蜜月| 国产日韩欧美在线看| 久久久日本电影| 不卡av在线播放| 国产成人97精品免费看片| 亚洲国产欧美日韩精品| 欧美亚州一区二区三区| 欧美另类高清videos| 高跟丝袜一区二区三区| 国产精品海角社区在线观看| 欧美日韩国产精品一区二区不卡中文| 色www亚洲国产张柏芝| 亚洲国产精品久久91精品| 久久人人爽人人爽人人片亚洲| 国产日韩精品电影| 日韩一区二区三区在线播放| 一区二区三区精品99久久| 91在线无精精品一区二区| 中文字幕无线精品亚洲乱码一区| 亚洲免费一在线| 亚洲二区在线播放视频| 91超碰中文字幕久久精品| 国产精品18久久久久久麻辣| 狠狠综合久久av一区二区小说| 97国产一区二区精品久久呦| 97在线观看免费高清| 日韩免费观看视频| 欧美午夜无遮挡| 国产精品av免费在线观看| 欧美激情久久久久| 欧美理论电影在线播放| 亚洲国产精品美女| 久久免费视频这里只有精品| 久久亚洲精品中文字幕冲田杏梨| 成人免费淫片aa视频免费| 国产在线观看精品| 欧美在线播放视频| 日本精品免费一区二区三区| 久久久99久久精品女同性| 中文字幕精品在线| 国产精品精品一区二区三区午夜版| 狠狠色噜噜狠狠狠狠97| 91精品久久久久久久久中文字幕|