淘先锋技术网

首页 1 2 3 4 5 6 7

越来越多的网站在展示数据时采用了分页的方式,其中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分页脚本,那么上述代码就是您最好的选择。尽管这段代码不是最完美的,但它足够适用于大多数网站,并可快速用于生产环境。如果您需要个性化的分页体验,您可以根据自己的需求修改代码,并在检查后使用它。