Javascript实现的分页函数

/** * 分页类构造 * 参数 nTotalList: 总条数 * 参数 nPageSize: 每页显示条数 * 参数 nPageNum: 当前页码 * 参数 sPageUrl: 分页链接的URL，页码以[pn]代替，输出时将被替换为实际页码 * 参数 nPageListSize: 页码列表（下拉框）中显示的最多页码条数。该参数可省略，默认100 */ function Pagination(nTotalList, nPageSize, nPageNum, sPageUrl, nPageListSize) { this.totalList = nTotalList; this.pageSize = nPageSize; this.pageNum = nPageNum; if (nTotalList == 0) this.totalPages = 1; else this.totalPages = Math.floor((this.totalList-1)/this.pageSize + 1); this.pageUrl = sPageUrl; if (arguments[4]) this.pageListSize = nPageListSize; else this.pageListSize = 100; } /** * 生成分页，将HTML直接输出 * 无参数 * 无返回值 */ Pagination.prototype.generate = function() { var output = ""; output += "<table width="98%" cellspacing="1" cellpadding="3" align="center"><tr><td align="right">"; output += "共 " + this.totalList + " 条每页 " + this.pageSize + " 条当前第 "; output += "<select onchange="if(this.value)location.href='" + this.pageUrl + "'.replace(/\[pn\]/,"; output += "this.value);" align="absMiddle" style="font:normal 9px Verdana,Arial,宋体;">"; var firstPage = this.pageNum - Math.floor(this.pageListSize/2); if (firstPage < 1) firstPage = 1; var lastPage = firstPage + this.pageListSize - 1; if (lastPage > this.totalPages) { lastPage = this.totalPages; firstPage = lastPage - this.pageListSize + 1; if (firstPage < 1) firstPage = 1; } if (firstPage > 1) { output += "<option value="1">1</option>"; if (firstPage > 2) output += "<option value="">…</option>"; } for (var p = firstPage; p <= lastPage; p++) { output += "<option value="" + p + """; if (p == this.pageNum) output += " selected="yes""; output += ">" + p + "</option>"; } if (lastPage < this.totalPages) { if (lastPage < this.totalPages - 1) output += "<option value="">…</option>"; output += "<option value="" + this.totalPages + "">" + this.totalPages + "</option>"; } if (this.pageNum > this.totalPages) output += "<option value="" selected="yes">页码超出范围</option>"; output += "</select>"; output += "/" + this.totalPages + " 页 "; if (this.pageNum == 1) { output += "[首页] "; output += "[上页] "; } else { output += "<a href="" + this.pageUrl.replace(/[pn]/, "1") + "">[首页]</a> "; output += "<a href="" + this.pageUrl.replace(/[pn]/, this.pageNum-1) + "">[上页]</a> "; } if (this.pageNum == this.totalPages) { output += "[下页] "; output += "[尾页]"; } else { output += "<a href="" + this.pageUrl.replace(/[pn]/, this.pageNum+1) + "">[下页]</a> "; output += "<a href="" + this.pageUrl.replace(/[pn]/, this.totalPages) + "">[尾页]</a> "; } output += "</td></tr></table>"; document.writeln(output); }

　　推荐阅读

　　[转]prototype 源码解读超强推荐第1/3页

复制代码代码如下:Prototype is a JavaScript framework that aims to ease development of dynamic web applications. Featuring a unique, easy-to-use toolkit for class-driven development and the nicest A>>>详细阅读

本文标题：Javascript实现的分页函数

地址：http://www.17bianji.com/kaifa2/JS/30936.html

1/2 1