用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点击排序”文档源于网络本人编辑整理。本着保护作者知识产权的原则仅供学习交流请勿商用。如有侵犯作者权益请作者留言或者发站内信息联系本人我将尽快删除。谢谢您的阅读与下载
热网互联怎么样?热网互联(hotiis)是随客云计算(Suike.Cloud)成立于2009年,增值电信业务经营许可证:B1-20203716)旗下平台。热网互联云主机是CN2高速回国线路,香港/日本/洛杉矶/韩国CN2高速线路云主机,最低33元/月;热网互联国内BGP高防服务器,香港服务器,日本服务器全线活动中,大量七五折来袭!点击进入:热网互联官方网站地址热网互联香港/日本/洛杉矶/韩国cn2...
易探云怎么样?易探云是国内一家云计算服务商家,致力香港服务器、国内外服务器租用及托管等互联网业务,目前主要地区为运作香港BGP、香港CN2、广东、北京、深圳等地区。易探云服务器均选择当下热门线路,比如CN2 GIA、BGP线路、CN2线路等,所有云主机支持月付,并且首月优惠,年付优惠,优惠后香港沙田云服务器/独立ip/香港CN2线路,每月仅18元,188元/年。点击进入:易探云官方网站地址1、香港...
有一段时间没有分享Gcore(gcorelabs)的信息了,这是一家成立于2011年的国外主机商,总部位于卢森堡,主要提供VPS主机和独立服务器租用等,数据中心包括俄罗斯、美国、日本、韩国、新加坡、荷兰、中国(香港)等多个国家和地区的十几个机房,商家针对不同系列的产品分为不同管理系统,比如VPS(Hosting)、Cloud等都是独立的用户中心体系,部落分享的主要是商家的Hosting(Virtu...