1. 爱易网页
  2. JavaSript
  3. 排序代码。在示例下500条数据时，效率提高50%的得分。(代码不必拘限于示例代码),该怎么处理

排序代码。在示例下500条数据时，效率提高50%的得分。(代码不必拘限于示例代码),该怎么处理

日期：2014-05-16　 浏览次数：20339 次

排序代码。在示例下500条数据时，效率提高50%的得分。(代码不必拘限于示例代码)
<html>

<head>
<meta   http-equiv= "Content-Type "   content= "text/html;   charset=gb2312 ">
<title> JK:支持民族工业,尽量少买X货 </title>
<script   language= "javascript "   srccccc= "CommonJS_RowSort.js ">
var   rowSortImg=document.createElement( "img ");
function   rowSortFun(tdObj){
var   d1=new   Date();
    var   currentColumnIndex=tdObj.cellIndex;
    if(rowSortImg.parentNode   !=   tdObj){
        tdObj.appendChild(rowSortImg);
        rowSortImg.src= "up.gif ";
    }
    else   if   (rowSortImg.src.indexOf( "down.gif ")> -1){
        rowSortImg.src= "up.gif ";
    }
    else{
        rowSortImg.src= "down.gif ";
    }
    var   currentTbody=tdObj.parentNode.parentNode;
    var   rowsArray=new   Array();
    for(   var   i=1;i <currentTbody.rows.length;i++){
        rowsArray[i-1]=currentTbody.rows[i].cells[currentColumnIndex];
    }
    rowsArray.sort(getSortFun(tdObj));
    for(var   i=0;i <rowsArray.length;i++){
        currentTbody.appendChild(rowsArray[i].parentNode);
    }
    alert( "行数 "+rowsArray.length+ ";所花毫秒数 "+(new   Date()-d1));
}

function   getSortFun(tdObj){
    var   sortIsAsc=(rowSortImg.src.indexOf( "up.gif ")> -1);
    if( "Number "==tdObj.columnContentType   &&   sortIsAsc){
        return   function   (trObj1,trObj2)   {return   trObj1.innerHTML*1-trObj2.innerHTML*1;}
    }
    else   if( "Number "==tdObj.columnContentType   &&   !sortIsAsc){
        return   function   (trObj1,trObj2)   {   return   trObj2.innerHTML*1-trObj1.innerHTML*1;}
    }
    else   if(sortIsAsc){
        return   function   (trObj1,trObj2)   {   return   (trObj1.innerHTML.toUpperCase()   >   trObj2.innerHTML.toUpperCase())-0.5;}
    }
    else   {
        return   function   (trObj1,trObj2)   {   return   (trObj1.innerHTML.toUpperCase()   <   trObj2.innerHTML.toUpperCase())-0.5;}
    }
}

</script>
<style>
.headerTr{background-color:#cccccc;}
</style>
</head>

<body>
<div   style= "font-size:10pt; ">
注1：用法：需要排序的字段头里：&lt;td   columnContentType= "Text "   onclick= "rowSortFun(this); "&gt;   。   <br/>                      
注2：鉴于很多提出要求前台排序的人，其实并不是真的需要前台排序，所以强列建议慎用前台排序。   <br/>                      

           
  <br/>               &n

相关资料更多>

  1. 小弟我想实现 巧学巧用 文字滚动 js哪里出错了
  2. 120行的俄罗斯方块（Javascript）,该怎么解决
  3. 只要网页里面用到Javascript，浏览器就一定会有提示要用户点“允许”么？解决思路
  4. 小弟我自定义类想继承Array类，请教apply加new Array()方法如何不行啊
  5. 鼠标移动到某张图片时怎么让文字跟着改变
  6. 急如何在js代码里判断浏览器是IE6或IE8或Mozilla Firefox
  7. 求可用的证验手机、电话（分机）正则表达式
  8. $.ajax解决方法
  9. js 选择两个日期后 判断两个日期相隔多少天,该怎么处理