用Javascript进行简单的Table点击排序
文档信息
主题 关于“IT计算机”中“CSS、 Script”的参考范文。
属性 F-0ALPXWdoc格式正文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点击排序”文档源于网络本人编辑整理。本着保护作者知识产权的原则仅供学习交流请勿商用。如有侵犯作者权益请作者留言或者发站内信息联系本人我将尽快删除。谢谢您的阅读与下载
小欢互联成立于2019年10月,主打海外高性价比云服务器、CDN和虚拟主机服务。近期上线了自营美国CERA机房高速VPS,进行促销活动,为客户奉上美国/香港八折优惠码:Xxc1mtLB优惠码适用于美国CERA一区/二区以及香港一区/二区优惠时间:即日起至10月底优惠码可无限次使用,且续费同价!官网:https://idc.xh-ws.com购买地址:美国CERA一区:https://idc.xh-...
pacificrack在最新的7月促销里面增加了2个更加便宜的,一个月付1.5美元,一个年付12美元,带宽都是1Gbps。整个系列都是PR-M,也就是魔方的后台管理。2G内存起步的支持Windows 7、10、Server 2003\2008\2012\2016\2019以及常规版本的Linux!官方网站:https://pacificrack.com支持PayPal、支付宝等方式付款7月秒杀VP...
活动方案:美国洛杉矶 E5 2696V2 2核4G20M带宽100G流量20元/月美国洛杉矶E5 2696V2 2核4G100M带宽1000G流量99元/季香港CN2 E5 2660V2 2核2G30M CN2500G流量119元/季日本CN2E5 2660 2核2G30M CN2 500G流量119元/季美国300G高防 真实防御E5 2696V2 2核2G30M...