html table 排序

//使用的排序因子
var _SORT_FUNC=asc;
//被排序的列索引
var _CUR_COL_INDEX=0;
//顺序排序因子
function asc(a,b){
return a.localeCompare(b);
}
//倒序排序因子
function desc(a,b){
return a.localeCompare(b)*-1;
}
//更新全局参数
function updateGV(cIndex){
   if(cIndex!=_CUR_COL_INDEX){
   _CUR_COL_INDEX=cIndex;
   _SORT_FUNC=asc;
}else if(_SORT_FUNC==asc){
   _SORT_FUNC=desc;
}else{
   _SORT_FUNC=asc;
}
}
//主方法
function tableSort(cIndex){

var table = document.getElementById("t1");

updateGV(cIndex);
var sortArr=getColTextArr(table,cIndex);
sortArr.sort(_SORT_FUNC);
execTableSort(table,cIndex,sortArr);

setColor(table);
}
function setColor(table){
for(var i=table.rows.length-1;i>0;i--){
if(i%2==0)
   table.rows(i).bgColor='#BBBBBB';
    else
      table.rows(i).bgColor='#AAAAAA';
}
}
//获得某列文本的数组
function getColTextArr(table,cIndex){
var colTextArr=new Array();
for(var i=table.rows.length-1;i>0;i--){
   colTextArr.push(table.rows(i).cells[cIndex].innerText);
}
return colTextArr;
}
//执行排序操作
function execTableSort(table,cIndex,sortArr){
var aLen=sortArr.length;
var rLen=table.rows.length;
var row;
//遍历数组
for(var i=0;i<aLen;i++){
   //遍历i后的表行
   for(var j=i+1;j<rLen;j++){
    row=table.rows[j];
    if(row.cells[cIndex].innerText==sortArr[i]){
     if(i!=j)
      row.swapNode(table.rows(i+1));
     break;
    }
   }
}
}

<td align="center" title="单击排序" style="cursor:hand" onclick="tableSort(this.cellIndex);" nowrap  >