pagenav 一个由原生javascript实现的分页插件

这是一个用原生javascript实现的分页插件pagenav，页码显示了jquery插件。只要有#pageNav，页码就会显示在里面。调用时，您可以根据需要重写go方法(jquery依赖关系已经被移除)。

插件代码如下：

/* * * * *页码将显示在其中。go方法可以在调用时根据需要重写。(jquery依赖关系已被移除)* * * * * * * * * * * * * * * * * * * * * *示例(注意：页面中放置了id为pageNav的html对象): //翻到页码时触发的自定义方法，P }；//最初跳转到第3页，pageNav.go(3，33)，共33页；*/var PageNav=PageNav | | { }；pageNav.fn=null//p为当前页码，pn为总页码pageNav.nav=function(p，pn) {//只有一页，直接显示1 if(pn=1){ this . p=1；this . pn=1；返回this . phtml 2(1)；} if(pn p){ p=pn；};var re=//第一页if(p=1){ p=1；} else {//不是第一页re=this.pHtml(p-1，pn，'上一页')；//始终显示第一个页码re=this.pHtml(1，pn，' 1 ')；}//更正页码this.p=pthis.pn=pn//起始页码var start=2；var end=(pn 9)？pn: 9；//如果(p=7) {re=' . '，是否显示前导省略号，即起始页码大于10；start=p-4；var e=P4；end=(pn e)？pn: e；} for(var I=start；I p；i ) { re=this.pHtml(i，pn)；};re=this . phtml 2(p)；for(var I=P1；i=结束；i ) { re=this.pHtml(i，pn)；};if (end pn) { re=' . '；//显示最后一页的页码。如果不需要，删除下面的句子re=this.pHtml(pn，pn)；};If (p pn) {re=this.pHtml(p 1，pn，'下一页')；};返回re；};//显示非当前页面pagenav.phtml=function (pageno，pn，show page no){ show page no=show page no | | page no；var H=' a href=' JavaScript : page nav . go(' page no '，' pn ')；class=' page num ' ' show page no '/a '；返回H；};//显示当前页面page nav . phtml 2=function(page no){ var h=' span class=' c page num ' ' page no '/span '；返回H；};//输出页码，重写此方法pagenav。go=function (p，pn) {//$ ('# pagenav ')。html(这个。nav (p，pn))；//如果用jQuery，可以用这句话document . getelementbyid(' page nav ')。innerhtml=this.nav (p，pn)；if (this.fn！=null) { this.fn(this.p，this . pn)；};};效果如下：

演示地址：http://demo.jb51.net/js/2014/pagenav/需要朋友自己去取代码。很简单，我不会提供直接下载