javaｓｃｒｉｐｔ分页功能的实现

本文介绍了javaｓｃｒｉｐｔ分页函数的实现，供大家参考，具体的实现方法如下：
页被定义为一个全局变量，因此使用以下内容
VaR页；
在window.onload =函数（）{
无功表= document.getelementbyid（表）；
无功btnadd = document.getelementbyid（btnadd ）；
无功btnmodify = document.getelementbyid（btnmodify ）；
无功btndel = document.getelementbyid（btndel ）；
无功btnrefresh = document.getelementbyid（btnrefresh ）；
无功headcheck = document.getelementbyid（headcheck ）；
/ /定义和每个ID和TBODY表页初始化
页=新页（5，}}，'stbodyid）；
初始加载 init方法
__init__（）页；
初始更新表单
__updatetablerows__（）页；
}
以下都是 /方法，写在window.onload，或运行问题
功能页面（iabsolute，stableid，stbodyid）{
每个页面显示数据的数量。
this.absolute = iabsolute；
this.tableid = stableid；
this.tbodyid = stbodyid；
this.rowcount = 0； / /记录数
this.pagecount = 0； / /页
this.pageindex = 0； / /索引页面
This.__oTable__ = null; / / reference table
这个__otbody__ = null； / /页面内容
这个__datarows__ = 0； / /记录供参考
这__oldtbody__ = null；
}
初始化
页。原型。__init__ =函数（）{
获取表引用
这个__otable__ = document.getelementbyid（这个ID）；
让 / / TBODY参考
这个__otbody__ =这。__otable__。tbodies {这tbodyid }；
让 / /把线
这个__datarows__ =这行。__otbody__；
行数获得TBODY / /
this.rowcount =这。__datarows__。长度；
{试
初始化页面显示/判断数据数，如果定义值有一定的行数，那么初始显示是行数，否则当前定义的行数。
this.absolute =（this.absolute < = 0）
| |（this.absolute >这this.rowcount。行数）
this.absolute；
数据显示页面的初始化定义，即页面总数
this.pagecount = parseInt（this.rowcount = = 0这行this.absolute %。
/ this.absolute
this.rowcount / this.absolute + 1）；
catch（异常）{ }
}
}

page.prototype.nextpage =函数（）{

如果（this.pageindex＋1＜本。总页数）{
this.pageindex = 1；
这__updatetablerows__（）；
}
}

page.prototype.prepage =函数（）{
如果（this.pageindex > = 1）{
this.pageindex = 1；
这__updatetablerows__（）；
}
}
/家
page.prototype.firstpage =函数（）{
如果（this.pageindex！= 0）{
this.pageindex = 0；
这__updatetablerows__（）；
}
}

。
page.prototype.lastpage =函数（）{
如果（this.pageindex + 1！=本。总页数）{
this.pageindex = this.pagecount - 1；
这__updatetablerows__（）；
}
}
页定位方法
page.prototype.aimpage =功能（ipageindex）{
如果（this.pagecount ipageindex > 1）{
this.pageindex = this.pagecount - 1；
} {如果其他（ipageindex＜0）
this.pageindex = 0；
{人}
this.pageindex = ipageindex；
}
这__updatetablerows__（）；
}
执行分页，更新内容的显示表
页。原型。__updatetablerows__ =函数（）{
/ /页索引初始化为0
在网页上显示的数据* / /页索引
无功icurrentrowcount = this.absolute * this.pageindex；
/ /如果数据>数据到当前页的页码显示+所有数据，然后你还需要向这个绝对+ icurrentrowcount - this.rowcount这些数据，否则，0数据显示
无功imorerow = this.absolute + icurrentrowcount > this.rowcount this.absolute
icurrentrowcount + this.rowcount
：0；
无功temprows =这__clonerows__（）；
/ /警报（temprows =这。DataRow）；
/ /警报（这个DataRow。长度）；
从表 / 删除TBODY /
无功removedtbody =这。__otable__。removechild（这个。__otbody__）；
/ /重新创建TBODY
无功newtbody = document.createelement（把）；
给他一个身份证，ID的原始值
newtbody.setattribute（身份
对于（var i = icurrentrowcount；我< this.absolute + icurrentrowcount）
IMoreRow；i++）{
添加到体节点
newtbody.appendchild（temprows {我}）；
}
/ /将新创建的tbody表
这个__otable__ appendChild（newtbody）；
*
this.datarows是参考this.otbody，
拆下this.otbody然后this.datarows参考输销，
代码：this.datarows = temprows；恢复原来的运营线路集。
* /
这__datarows__ = temprows；
这__otbody__ = newtbody；
}
收集/克隆的原始操作
页。原型。__clonerows__ =函数（）{
无功temprows = { }；
在当前体中的所有节点及其子节点再次被克隆。
对于（var i = 0；i <这。__datarows__。长度；i++）{
我temprows { } =这。__datarows__ {我}。clonenode（1）；
}
返回temprows；
}

<表格宽度= 100% cellpadding =0cellspacing =0=1边境
样式>填充：2 >

总计：每页5条
< a href =Javaｓｃｒｉｐｔ：void（0）；
onclick=page.firstpage（）；return false；> <一家
href =Javaｓｃｒｉｐｔ：void（0）；onclick=page.prepage（）；return false；>
< a href =Javaｓｃｒｉｐｔ：void（0）；
onclick=page.nextpage（）；return false；> <
href = Javaｓｃｒｉｐｔ：void（0）；onclick=（页尾页）；return false；>。
希望本文能对大家的javaｓｃｒｉｐｔ程序设计有所帮助。