本文实例讲述了射流研究…实现简单表格排序操作。分享给大家供大家参考，具体如下：

！DOCTYPEhtmlhead meta http-equiv=' Content-type ' Content=' text/html ' charset=' utf-8 '标题排序表/标题样式* { margin :0 pxpadd :0 px } body { background : # CCC }表格{ width :350 pxmargin :0 auto背景色： # eee} table th { cursor : hand add :5 px 0；背景色： # 999;}表格TD {底色： # ffffont-size :16 px字体粗细：正常；文本对齐：居中；线高：30 px}/样式脚本语言='javascript '函数sortCells(类型){ var TBS=文档。getelementsbytagname(' table ')[0]；var arr=[]；var arr 2=[]；for(var I=1；itbs。行。长度；i ){ var text=tbs.rows[i].单元格[类型]。innerTextarr.push(文本);arr 2[text]=I；} if(type==0){ arr.sort(函数(a，b){返回a-b })；} else { arr。sort()；} var temp=for(var j=1；jtbs。行。长度；j ){ temp=tbs.rows[j].单元格[0]。innerTextTBS。第[j]行.单元格[0]。内部文本=TBS。行[arr 2[arr[j-1]]].单元格[0]。innerTextTBS。行[arr 2[arr[j-1]]].单元格[0]。innerText=temptemp=tbs.rows[j].单元格[1]。innerTextTBS。第[j]行.单元格[1]。内部文本=TBS。行[arr 2[arr[j-1]]].单元格[1]。innerTextTBS。行[arr 2[arr[j-1]]].单元格[1]。innerText=temptemp=tbs.rows[j].细胞[2]。innerTextTBS。第[j]行.细胞[2]。内部文本=TBS。行[arr 2[arr[j-1]]].细胞[2]。innerTextTBS。行[arr 2[arr[j-1]]].细胞[2]。innerText=temp//console。日志(arr 2)；for(var I=1；itbs。行。长度；i ){ var text=tbs.rows[i].单元格[类型]。innerTextarr 2[text]=I；} } }/script/headdy center sort表/中心表边框=' 0 ' tr th onclick='排序单元格(0)；'序号th onclick='排序单元格(1)；'姓名th onclick='排序单元格(2)；'日期/th/tr td2/TD tdBB/TD TD TD 2015-09-12/TD/tr td3/TD tdCC/TD TD TD 2015-07-12/TD/tr td1/TD tdAA/TD TD TD TD 2015-09-11/TD/tr td4/TD tdDD/TD TD TD TD 2015-06-12/TD/tr/table/body/html运行效果：

更多关于Java脚本语言相关内容感兴趣的读者可查看本站专题： 《JavaScript表格(table)操作技巧大全》 、 《JavaScript操作DOM技巧总结》 、 《JavaScript遍历算法与技巧总结》 、 《JavaScript数学运算用法总结》 、 《JavaScript数据结构与算法技巧总结》 、 《JavaScript查找算法技巧总结》 及《JavaScript错误与调试技巧总结》

希望本文所述对大家Java脚本语言程序设计有所帮助。