zoukankan
html css js c++ java
JS 无刷新排序
代码如下:
<html> <head> <script> function order() { var it=event.srcElement; var table=it; var i,j,k; var t1,t2; if(it.tagName=="TH"){ i=it.cellIndex; it.title=it.title=="asc"?"desc":"asc"; while(table.tagName!="TABLE")table=table.parentElement; if(table.rows.length<3)return true; for(j=1;j<table.rows.length;j++){ for(k=j+1;k<table.rows.length;k++){ if(it.title=="asc"?parseFloat(table.rows[k].cells[i].innerText)<parseFloat(table.rows[j].cells[i].innerText):parseFloat(table.rows[k].cells[i].innerText)>parseFloat(table.rows[j].cells[i].innerText)) table.rows[j].swapNode(table.rows[k]); } } } } </script> </head> <body> <table border="1"> <thead onclick="order()" style="cursor:hand;"> <th>Item 1</th><th>Item 2</th><th>Item 3</th><th>Item 4</th> </thead> <tr><td>12.3</td><td>423</td><td>86.83</td><td>1.213</td></tr> <tr><td>2</td><td>434</td><td>5.334</td><td>.234</td></tr> <tr><td>33</td><td>43</td><td>5.223</td><td>8.73</td></tr> <tr><td>21.3</td><td>234</td><td>52.34</td><td>.666</td></tr> <tr><td>33.4</td><td>59</td><td>67.2</td><td>.426</td></tr> </table> </body> </html>
[Ctrl+A 全选 提示:你可先修改部分代码,再点运行代码]
青苹果Web应用商店
https://webapp.taobao.com/
PHP/ASP.NET/ASP/UCHOME/DISCUZ! X系列网站开发,详细需求联系
QQ:8511978
查看全文
相关阅读:
pom.xml将jar包导入
获取当前系统日期的前一天日期
判断socket连接是否失效
java读取数据,2,2,1方式读取
笔记
回调机制
吧字符串按逗号分割为数组
时间格式的转变
java.net.SocketException四大异常解决方案
log4j
原文地址:https://www.cnblogs.com/Dicky/p/176631.html
最新文章
aview安装和使用
centos6.5 有趣但是没有用的linux命令
密码正确 mysql无法登陆 red7.3 上安装mysql5.6后登录报错ERROR 1045 (28000): Access denied for user 'root'@'localhost' (using passswd :yes)
Hbase理论&python通过mapreduce操作hbase
python----动态规划
centos6.5 Python.7 pip install PIL --allow-external PIL --allow-unverified PIL报错 no such option: --allow-external
linux与window互传文件
基于iso搭建本地yum配置
2017-05-23 QQ工具;
2019-05-23 利用Cookie 给论坛灌水;利用Cookis当版主;
热门文章
2019-05-23 聚生网管配置;聚生网管应用;
2019-05-23 嗅探工具;影音嗅探;IRIS嗅探器;
2019-05-22 SQL注入;啊D注入工具;
投资回收期、投资回收率
贴现率 vs 折现率
软考:计算题1
echarts 重新渲染时图表重叠现象的问题解决方法
技术标准规范(3-5分)
政府采购法实施条例
招投标法实施条例
Copyright © 2011-2022 走看看