Javascript实现简单的分页效果。
下面是Javascript实现分页代码的一部分,当然,它必须用后台代码实现。代码如下:功能setpage(选择)
{
如果(opt.pagedivid opt.allpagenum opt.curpagenum | | | |!< opt.allpagenum <选择showpagenum)。
{
返回false
}
无功allpagenum = opt.allpagenum; / /总页数
无功showpagenum = opt.showpagenum; / /显示页面
无功curpagenum = opt.curpagenum; / /当前页
无功pagedivbox = document.getelementbyid(选择。pagedivid);
左/右显示页数。
无功lrnum = math.floor(showpagenum / 2);
如果(curpagenum > 1)
{
VaR OA = document.createelement(A);
OA。href =1#;
OA .innerHTML =返回页面
PageDIvBox.appendChild(OA);
}
如果(curpagenum > 1)
{
VaR OA = document.createelement(A);
OA。href =# +(curpagenum-1);
OA .innerHTML =
PageDIvBox.appendChild(OA);
}
如果(curpagenum < showpagenum-2 | | allpagenum = = showpagenum)
{
对于(var i = 1;i < = showpagenum;i++)
{
VaR OA = document.createelement(A);
oa.href =# +我;
如果(curpagenum = =我)
{
oa.innerhtml =我;
}
其他的
{
oa.innerhtml ={+我+};
}
PageDIvBox.appendChild(OA);
}
}
其他的
{
第一页倒计时/治疗
如果(allpagenum curpagenum < lrnum curpagenum = = allpagenum-1)
{
对于(var i = 1;i < = showpagenum;i++)
{
Console.log(((curpagenum - showpagenum +我));
VaR OA = document.createelement(A);
oa.href =# +(curpagenum -(showpagenum-1)+我);
如果(curpagenum =(curpagenum -(showpagenum-1)+我))
{
oa.innerhtml =(curpagenum -(showpagenum-1)+我)
}
其他的
{
oa.innerhtml ={+(curpagenum -(showpagenum-1)+我)+}
}
PageDIvBox.appendChild(OA);
}
}
最后一页/治疗
如果(allpagenum curpagenum < lrnum curpagenum = = allpagenum)
{
对于(var i = 1;i < = showpagenum;i++)
{
Console.log(((curpagenum - showpagenum +我));
VaR OA = document.createelement(A);
# +(oa.href = curpagenum - showpagenum +我);
如果(curpagenum =(curpagenum - showpagenum +我))
{
oa.innerhtml =(curpagenum - showpagenum +我)
}
其他的
{
oa.innerhtml ={+(curpagenum showpagenum +我)+}
}
PageDIvBox.appendChild(OA);
}
}
其他的
{
对于(var i = 1;i < = showpagenum;i++)
{
VaR OA = document.createelement(A);
oa.href =# +(curpagenum -(showpagenum lrnum)+我);
如果(curpagenum =(curpagenum -(showpagenum lrnum)+我))
{
oa.innerhtml =(curpagenum -(showpagenum lrnum)+我)
}
其他的
{
oa.innerhtml ={+(curpagenum -(showpagenum lrnum)+我)+}
}
PageDIvBox.appendChild(OA);
}
}
}
如果(curpagenum < allpagenum)
{
对于(var i = 1;i < = 2;i + +)
{
如果(i = 1)
{
VaR OA = document.createelement(A);
OA。href =# +(parseInt(curpagenum)+ 1);
oa.innerhtml =
}
其他的
{
VaR OA = document.createelement(A);
OA。href =# + allpagenum;
oa.innerhtml =。
}
PageDIvBox.appendChild(OA);
}
}
VaR OA = document.getelementsbytagname(A);
向页面添加一个单击事件
对于(var i = 0;i < oa.length;i++)
{
OA {我}。onclick =函数(){
当前页号
无功shref = this.getattribute('href)。Substring(1);
空页显示
pagedivbox.innerhtml =;
setpage({
PageDivId:''',
showpagenum:5 / /数字显示
AllPageNum:10 / /总页数
CurpageNum:shref / /四
})
}
}
}
窗口的指针()函数。
{
setpage({
PageDivId:''',
showpagenum:5 / /数字显示
AllPageNum:10 / /总页数
curpagenum:1 / /四
})
}
例二:
体{
字体大小:12px;
}
<!——
功能initializepagenav(icurrpage)
{
无功ipagesize = 20;
无功iprocount = 2121;
var b =((iprocount % ipagesize)!= 0);
无功ipagecount = parseInt(iprocount / ipagesize)+(b1:0);
如果(icurrpage > ipagecount)返回false;
icurrpage = parseInt(icurrpage);
VAR茎= ;
无功stemp1 =每页:+ ipagesize +/+ iprocount +页数:+ icurrpage +/+ ipagecount +页;
无功stemp2 =
如果(iprocount = = 0)
{
把=主页;
}
如果(ipagecount = = 1)
{
把=主页
}
如果(ipagecount = = icurrpage)
{
把=主页
}
如果(icurrpage = = 1)
{
把=主页
}
其他的
{
把=主页
}
$(pagedir ).innerHTML =踏++ stemp2 ++ stemp1;
CollectGarbage();
}
函数$(o)
{
返回document.getelementbyid(O);
}
InitializePageNav(1)
例三:
其效果是:第一页,……(n页编号),n页编号,……(下一页页码),最后一页,n可以是奇数或偶数,通常像奇数。
在第一页和最后一页之间的总页数、当前页码、地址跳转数。
功能页面(TP、CP、URL,PN){
var=;
如果(TP > 1 CP > 1){
变量prev =包装机;
=;
其他{ }
=;
}
如果(TP > 1){
第一页
如果(CP = 1){
1;
其他{ }
1;
}
如果(TP > 2){
VaR PNH = math.floor(PN / 2);
循环启动页面
var = CP PNH;
如果(s=1){
S = 2;
}
循环结束页
var = CP + PNH;
如果(= = TP){
E = TP-1;
}
如果(S<=(1 + PNH)){
如果(TP(pn + 2)){
E = S +(n-1);
如果(= = TP){
E = TP-1;
}
其他{ }
s=2;
}
}
如果(E > =(TP PNH)){
如果(TP(pn + 2)){
S = e(n-1);
如果(s=1){
S = 2;
}
其他{ }
E = TP-1;
}
}
如果(e)s {
e = s;
}
在第一页中的多页跳转
如果(s = 2){
pn;
如果(sp<1){
sp=1;
}
…;
}
对于(var i =;i = e;i ++){
如果(i = CP){
;
其他{ }
;
}
}
在跳转前的多页最后一页
如果(E<(TP-1)){
无功电压;
如果(EP = TP){
总磷;
}
…;
}
}
最后一页
如果(CP = TP){
;
其他{ }
;
}
其他{ }
1;
}
如果(TP>1 CP<TP){
var下一个= CP + 1;
=;
其他{ }
=;
}
=;
返回字符;
}
页跳转,跳转地址
函数页(CP,URL){
window.location.href =网址+ CP;
}