JS 分頁

/**
* 分頁函數
* pno--頁數
* psize--每頁顯示記錄數
* 分頁部分是從真實數據行開始，於是存在加減某個常數，以肯定真正的記錄數
* 純js分頁實質是數據行所有加載，經過是否顯示屬性完成分頁功能
**/

function goPage(pno,psize,strvar){

    var itable = document.getElementById("tableId");    
    var num = itable.rows.length;//表格行數 
    var totalPage = 0;//總頁數
    var pageSize = psize;//每頁顯示行數
    if((num-1)/pageSize > parseInt((num-1)/pageSize)){ 

        totalPage=parseInt((num-1)/pageSize)+1; 
    }else{ 
        totalPage=parseInt((num-1)/pageSize);
    }   

    var currentPage = pno;//當前頁數

    var startRow = (currentPage - 1) * pageSize+1;//開始顯示的行   

   var endRow = currentPage * pageSize+1;//結束顯示的行   

   endRow = (endRow > num)? num : endRow;
    //前n行始終顯示

    for(i=0;i<1;i++){
        var irow = itable.rows[i];
        irow.style.display = "";
    }
    for(var i=1;i<num;i++){
        var irow = itable.rows[i];
        if(i>=startRow&&i<endRow){
            irow.style.display = "";

        }else{
            irow.style.display = "none";
        }
    }

var tempStr  = "

<ul class='pagination pull-left'><li><a>共"+(num-1)+"條記錄 </a></li><li><a>共"+totalPage+"頁 </a></li><li><a>當前第"+currentPage+"頁</a></li></ul>

";
    tempStr += "

<ul class='pagination pull-right'>";

if(currentPage>1){
    tempStr += "<li><a href=\"#\" onClick=\"goPage("+(currentPage-1)+","+psize+",'"+strvar+"')\">上一頁</a></li>"

}else{
    tempStr += "<li><a>上一頁</a></li>";   
}

if(currentPage<totalPage){

    tempStr += "<li><a href=\"#\" onClick=\"goPage("+(currentPage+1)+","+psize+",'"+strvar+"')\">下一頁</a></li>";

}else{
    tempStr += "<li><a>下一頁</a></li>";

}
if(currentPage>1){
    tempStr += "<li><a href=\"#\" onClick=\"goPage("+(1)+","+psize+",'"+strvar+"')\">首頁</a></li>";
}else{
    tempStr += "<li><a >首頁</a></li>";
}
if(currentPage<totalPage){
    tempStr += "<li><a href=\"#\" onClick=\"goPage("+(totalPage)+","+psize+",'"+strvar+"')\">尾頁</a></li>";
}else{
    tempStr += "<li><a >尾頁</a></li>";
}
tempStr +="</ul>

";
    document.getElementById(strvar+"_pageStr").innerHTML = tempStr;
}