用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点击排序”文档源于网络本人编辑整理。本着保护作者知识产权的原则仅供学习交流请勿商用。如有侵犯作者权益请作者留言或者发站内信息联系本人我将尽快删除。谢谢您的阅读与下载
也有在上个月介绍到糖果主机商12周年的促销活动,我有看到不少的朋友还是选择他们家的香港虚拟主机和美国虚拟主机比较多,同时有一个网友有联系到推荐入门的个人网站主机,最后建议他选择糖果主机的迷你主机方案,适合单个站点的。这次商家又推出所谓的秋季活动促销,这里一并整理看看这个服务商在秋季活动中有哪些值得选择的主机方案,比如虚拟主机最低可以享受六折,云服务器可以享受五折优惠。 官网地址:糖果主机秋季活动促...
paypal贝宝可撸$10的代金券!这两天paypal出了活动,本次并没有其他的限制,只要注册国区的paypal,使用国内的手机号和62开头的银联卡,就可以获得10美元的代金券,这个代金券购买产品需要大于10.1美元,站长给大家推荐几个方式,可以白嫖一年的VPS,有需要的朋友可以看看比较简单。PayPal送10美元活动:点击直达活动sfz与绑定卡的号码可以重复用 注册的邮箱,手机号与绑的银联卡必须...
ParkInHost主机商是首次介绍到的主机商,这个商家是2013年的印度主机商,隶属于印度DiggDigital公司,主营业务有俄罗斯、荷兰、德国等机房的抗投诉虚拟主机、VPS主机和独立服务器。也看到商家的数据中心还有中国香港和美国、法国等,不过香港机房肯定不是直连的。根据曾经对于抗投诉外贸主机的了解,虽然ParkInHost以无视DMCA的抗投诉VPS和抗投诉服务器,但是,我们还是要做好数据备...