排序用Javascript进行简单的Table点击排序（JavaScript范文）

用Javascript进行简单的Table点击排序

文档信息

主题 关于“IT计算机”中“CSS、 Script”的参考范文。

属性 F-0ALPXWdoc格式正文2115字。质优实惠欢迎下载

适用

正文

用Javascript进行简单的Table点击排序

用Javascript进行简单的`Table点击排序

本文实例讲述了JavaScript实现表格点击排序的方法。分享给大家供大家参考。具体分析如下

这里实现基于JS的表格点击排序效果可以根据表格内的数据大小自动按顺序排列股票网站常会见到这种功能。table{BORDER-RIGHT:#0000002px sol id;BORDER-TOP:#0000002pxsol id;BORDER-LEFT:#0000002pxsol id;BORDER-BOTTOM:#0000002px sol id;border-spacing:0px; cel l-spacing:0px}TD{PADDING-RIG HT: ; PADDING-LEFT: ; FONT-SIZE:10pt;PADDING-BOTTOM:2px; PADDING-TOP:2px; FONT-FAMILY:Arial Helvetica  sa-serif;WHITE-SPACE: nowrap}TH{PADDING-RIGHT: ;PADDING-LEFT: ; FONT-SIZE: 10pt;PADDING-BOTTOM:2px;

PADDING-TOP:2px; FONT-FAMILY:Arial  Helvetica  sa-serif;WHITE-SPACE: nowrap} {TEXT-ALIGN: right}TH{BACKGROUND-COLOR:#c0c0c0} {COLOR:#ffffff;BACKG ROU N D-COLO R:#808080;TEXT-ALIGN: left}TH A{COLOR:#000080;TEXT-D ECO RATION:none}TH A:visited{COLOR:#000080}TH A:active{COLOR:#800000;TEXT-DECORATION:underl ine}TH A:hover {COLOR:#800000;TEXT-DECORATION: underl ine} {BACKGROUND-COLOR:#e0e0e0}

{BACKGROUND-COLOR:#f0f0f0} {BACKGROUND-COLOR:#b0b0b0}{BACKGROUND-COLOR:#d0d0d0}function sortTable(id  col  rev) {vartblEl = (id); if (== nul l) {=new Array();= 1; } if ([col] == nul l) [col] = rev; if (col ==) [col] = ![col];=col;varoldDsply=;= "none";var tmpEl;var i  j;var minVal minIdx;var testVal;var cmp; for (i =0; i 0) {minIdx=j;minVal =testVal; } } if (minIdx> i) { tmpEl = ([minIdx]); (tmpEl  [i]); } }makePretty(tblEl  col); setRanks(tblEl  col  rev);=oldDsply; returnfalse;}if (_NODE== nul l) {_NODE= 1;_NODE= 3;}functiongetTextValue(el) {var i;var s; s= ""; for (i =0; i v2) return 1 return-1;}varwhtSpEnds= new RegExp("^s*|s*$"  "g");varwhtSpMult=new RegExp("ss+"  "g");function normal izeString(s) { s=

(whtSpMult  " ");Col lapseany multiplewhites space. s=

(whtSpEnds  " ");Remove leading ortrai l ing white space. returns;}var rowClsNm= "alternateRow";varcolClsNm=

"sortedColumn";var rowTest= new RegExp(rowClsNm "gi");varcolTest= new RegExp(colClsNm "gi");function makePretty(tblEl 

col) {var i  j;var rowEl  cel lEl; for (i =0; i 1&&i >=0&&i 1&&!= lastRank) { (()); lastRank=; } }

为提高学习交流本文整理了相关的Ja vaScrip t范文有 《常用排序算法之Ja vaScrip t实现代码段》、 《Ja vaScript快速排序实现实例教程》、 《用ja vascript打开word文档的方法》、 《深入理解JS实现快速排序和去重ja vascrip t技巧》、 《用JSP和Ja vaScrip t打造级连菜单》、 《用Ja vascript实现锚点(Anchor)间平滑跳转》、 《Excel用公式进行多条件求和》、 《使用Ja vaScrip t进行基本图形操作与处理》 读者可以在平台上搜索。

“用Ja vascript进行简单的Table点击排序”文档源于网络本人编辑整理。本着保护作者知识产权的原则仅供学习交流请勿商用。如有侵犯作者权益请作者留言或者发站内信息联系本人我将尽快删除。谢谢您的阅读与下载