越来越多的网站在展示数据时采用了分页的方式,其中Javascript分页代码是现代网页应用程序中最受欢迎的一种方式。对于网站开发者来说,写一个Javascript分页脚本是一项具有挑战性的任务。但是,如果您了解一些基本的技巧和方法,那么编写Javascript分页脚本将变得容易。
不同的网站需要不同的Javascript分页代码。一些常见的参数包括:每一页所包含的项目数,总页面数,当前页面,页码显示的长度,上一页的样式,下一页的样式等等。接下来我们来看一个可以适用于不同网站的通用Javascript分页代码。
function paginate(pageNo, totalPages, nextPage, prevPage, querystring){ var str = ""; var half = Math.abs(pageIndex/2) var page = parseInt(pageNo); if (page >totalPages){ page = totalPages; } if (page >1){ str += "" + prevPage + ""; } if (totalPages<= pageIndex){ for (var i=1;i<=totalPages;i++){ str += "" + i + ""; } } else{ if (page-half >1){ str += "" + 1 + ""; str += "..."; for(var j=(page-half);j<=page;j++){ if (j>0 && j!=page){ str += "" + j + ""; } else{ if (j< 1){ half--; } else{ if (j==page){ str += "" + j + ""; } } } } if (page+half< totalPages){ str += "..."; } } else{ for(var k=1;k<=pageIndex;k++){ if (k==page){ str += "" + k + ""; } else{ str += "" + k + ""; } } if (page+half< totalPages){ str += "..."; } } for(var l=(totalPages-pageIndex+1);l<=totalPages;l++){ str += "" + l + ""; } } if (page< totalPages){ str += "" + nextPage + ""; } return str; }
上述Javascript分页代码可以适用于大多数网站。它会将页面分成一页一页的,每一页所包含的项目数由开发者自行设定。用户可以通过单击上一页和下一页按钮来浏览页面。在按钮的周围,页面显示了一些页码套件。
这段代码在计算页码时,使用了一些常用的算法。例如,将页面分半并根据当前页面选择最近的一半显示页码,或者在最开始和结尾处显示省略号以引导用户点击其他页面。
如果您需要快速创建一个Javascript分页脚本,那么上述代码就是您最好的选择。尽管这段代码不是最完美的,但它足够适用于大多数网站,并可快速用于生产环境。如果您需要个性化的分页体验,您可以根据自己的需求修改代码,并在检查后使用它。