天天看点

JavaScript实现的分页(样式1)

自己写的一个JavaScript的分页函数,这个是第一个样式。

JavaScript实现的分页(样式1)

< meta  http-equiv ="Content-Type"  content ="text/html; charset=utf-8"   />

JavaScript实现的分页(样式1)

< strong > 分页: </ strong >< br  />< br  />

JavaScript实现的分页(样式1)
JavaScript实现的分页(样式1)
JavaScript实现的分页(样式1)
JavaScript实现的分页(样式1)
JavaScript实现的分页(样式1)

< script  language ="javascript" > ...

JavaScript实现的分页(样式1)
JavaScript实现的分页(样式1)
JavaScript实现的分页(样式1)
JavaScript实现的分页(样式1)

function Pagination(RCount,PageSize,CurPage,QString)...{

JavaScript实现的分页(样式1)

    //默认参数RUnit(记录的单位)设为 "个"

JavaScript实现的分页(样式1)

    var RUnit=arguments[4]?arguments[4]:"个";

JavaScript实现的分页(样式1)
JavaScript实现的分页(样式1)

    var PaginationString="";

JavaScript实现的分页(样式1)

    var PCount;

JavaScript实现的分页(样式1)
JavaScript实现的分页(样式1)

    //取得当前页数

JavaScript实现的分页(样式1)
JavaScript实现的分页(样式1)

    if (CurPage=="" || CurPage==0 || CurPage==null)...{CurPage=1;}

JavaScript实现的分页(样式1)

    //对查询字符串进行补充

JavaScript实现的分页(样式1)
JavaScript实现的分页(样式1)

    if (QString=="?")...{QString="";}

JavaScript实现的分页(样式1)
JavaScript实现的分页(样式1)

    if (QString.indexOf("?")==-1)...{QString+="?";}else...{QString+="&";}

JavaScript实现的分页(样式1)
JavaScript实现的分页(样式1)

    RCount=parseInt(RCount);

JavaScript实现的分页(样式1)

    PageSize=parseInt(PageSize);

JavaScript实现的分页(样式1)

    CurPage=parseInt(CurPage);

JavaScript实现的分页(样式1)
JavaScript实现的分页(样式1)

    //计算出总页数

JavaScript实现的分页(样式1)
JavaScript实现的分页(样式1)

    if (RCount%PageSize==0)...{

JavaScript实现的分页(样式1)

        PCount=parseInt(RCount/PageSize);

JavaScript实现的分页(样式1)
JavaScript实现的分页(样式1)

    }else...{

JavaScript实现的分页(样式1)

        PCount=parseInt(RCount/PageSize)+1

JavaScript实现的分页(样式1)

    }

JavaScript实现的分页(样式1)

    //当传递的当前页数比总页数大时,使当前页数等于总页数

JavaScript实现的分页(样式1)
JavaScript实现的分页(样式1)

    if (CurPage>PCount)...{CurPage=PCount;}

JavaScript实现的分页(样式1)
JavaScript实现的分页(样式1)
JavaScript实现的分页(样式1)

    //组成分页信息的字符串

JavaScript实现的分页(样式1)

    PaginationString+="共<strong>"+PCount+"</strong>"+RUnit+"&nbsp;&nbsp;";

JavaScript实现的分页(样式1)

    if (CurPage<2)

JavaScript实现的分页(样式1)
JavaScript实现的分页(样式1)

    ...{            

JavaScript实现的分页(样式1)

        PaginationString+="首页&nbsp;上一页&nbsp;";

JavaScript实现的分页(样式1)
JavaScript实现的分页(样式1)

    }else...{

JavaScript实现的分页(样式1)

        PaginationString+="<a href='"+QString+"page=1'>首页</a>&nbsp;<a href='"+QString+"page="+(CurPage-1)+"'>上一页</a>&nbsp;";

JavaScript实现的分页(样式1)

    }

JavaScript实现的分页(样式1)
JavaScript实现的分页(样式1)

    if (PCount-CurPage<1)

JavaScript实现的分页(样式1)
JavaScript实现的分页(样式1)

    ...{            

JavaScript实现的分页(样式1)

        PaginationString+="下一页&nbsp;尾页";

JavaScript实现的分页(样式1)
JavaScript实现的分页(样式1)

    }else...{

JavaScript实现的分页(样式1)

        PaginationString+="<a href='"+QString+"page="+(CurPage+1)+"'>下一页</a>&nbsp;<a href='"+QString+"page="+PCount+"'>尾页</a>";

JavaScript实现的分页(样式1)

    }

JavaScript实现的分页(样式1)

    PaginationString+="&nbsp;&nbsp;页次:<strong style='color:red'>"+CurPage+"</strong>/<strong>"+PCount+"</strong>页&nbsp;&nbsp;<strong>"+PageSize+"</strong>"+RUnit+"/页&nbsp;&nbsp;";

JavaScript实现的分页(样式1)

    PaginationString+="转到:<select οnchange="javascript:window.location='"+QString+"page='+this.options[this.selectedIndex].value;">";

JavaScript实现的分页(样式1)

    for (var i=1;i<=PCount;i++)

JavaScript实现的分页(样式1)
JavaScript实现的分页(样式1)

    ...{

JavaScript实现的分页(样式1)

        if (i==CurPage)

JavaScript实现的分页(样式1)
JavaScript实现的分页(样式1)

        ...{

JavaScript实现的分页(样式1)

            PaginationString+="<option value='"+i+"' selected>第"+i+"页</option>";

JavaScript实现的分页(样式1)
JavaScript实现的分页(样式1)

        }else...{

JavaScript实现的分页(样式1)

            PaginationString+="<option value='"+i+"'>第"+i+"页</option>";

JavaScript实现的分页(样式1)

        }

JavaScript实现的分页(样式1)

    }

JavaScript实现的分页(样式1)

    PaginationString+="</select>";

JavaScript实现的分页(样式1)
JavaScript实现的分页(样式1)
JavaScript实现的分页(样式1)

    return PaginationString;

JavaScript实现的分页(样式1)

}

JavaScript实现的分页(样式1)

</ script >

JavaScript实现的分页(样式1)
JavaScript实现的分页(样式1)
JavaScript实现的分页(样式1)
JavaScript实现的分页(样式1)
JavaScript实现的分页(样式1)
JavaScript实现的分页(样式1)

示例1:

JavaScript实现的分页(样式1)
JavaScript实现的分页(样式1)

< script  language  = "JavaScript" > ...

JavaScript实现的分页(样式1)

document.write(Pagination(365,20,9,""));

JavaScript实现的分页(样式1)

</ script >

JavaScript实现的分页(样式1)

< br  />< br  />

JavaScript实现的分页(样式1)
JavaScript实现的分页(样式1)

示例2:

JavaScript实现的分页(样式1)
JavaScript实现的分页(样式1)

< script  language  = "JavaScript" > ...

JavaScript实现的分页(样式1)

document.write(Pagination(105,20,1,"?id=110","篇"));

JavaScript实现的分页(样式1)

</ script >

JavaScript实现的分页(样式1)

< br  />< br  />

详细内容见:http://www.qlolo.com/?m=pc&a=page_fh_diary&target_c_diary_id=875

继续阅读