JS 无刷新排序
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()">
<th>Item 1th><th>Item 2th><th>Item 3th><th>Item 4th>
thead>
<tr><td>12.3td><td>423td><td>86.83td><td>1.213td>tr>
<tr><td>2td><td>434td><td>5.334td><td>.234td>tr>
<tr><td>33td><td>43td><td>5.223td><td>8.73td>tr>
<tr><td>21.3td><td>234td><td>52.34td><td>.666td>tr>
<tr><td>33.4td><td>59td><td>67.2td><td>.426td>tr>
table>
body>
html>
转载于:https://www.cnblogs.com/coolylh/archive/2005/12/26/304640.html
本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!
