jsp分页 < 1 ... 3 4 5 6 7 ... 100 >_jsp脚本分行显示1到1000-优快云博客

本文链接：https://blog.youkuaiyun.com/terrychen98/article/details/40655683

本文介绍了一个基于JavaScript的分页组件实现方法，通过计算当前页、前后页及末页等信息来动态生成分页链接。该组件能根据当前页码显示相应的页数链接，并支持跳转到指定页。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

pageCount = data.pageCount;
		  	//alert("总页数： "+pageCount);
		  	currentPage = data.currentPage;
		  	//alert("当前页:"+currentPage);
		  	var prevPage = currentPage - 1;
		  	//alert("前一页: "+prevPage);
		  	var nextPage = currentPage - (-1);
		  	//alert("后一页: "+nextPage);
		  	var endPage = "";
		  	$("#paging").html("");
		  	var strHtml = "";
			if (prevPage > 0) {
				strHtml += "<li onclick='selectHistoryTask(\"before\")'><</li>";
			};
			if (currentPage != 1){
				strHtml += "<li onclick='selectHistoryTask(1)'>1</li>";
			}
			if (currentPage >= 5){
				strHtml += "<li>...</li>";
			}; 
			if (pageCount > currentPage - (-2)) {
				endPage = currentPage - (-2);
			} else {
				endPage = pageCount;
			}
			//alert("endPage:"+endPage);
			for (var i = currentPage - 2; i <= endPage; i++) {
				if (i > 0) {
					if (i == currentPage) {
						strHtml += "<li class='paginationActive' >"+i+"</li>";
					} else {
						if (i != 1 && i != pageCount) {
							strHtml += "<li onclick='selectHistoryTask("+i+")'>"+i+"</li>";
						}
					}
				}
			}
			if (currentPage - (-3) < pageCount){
				strHtml += "<li>...</li>";
			}; 
			if (currentPage != pageCount){
				strHtml += "<li onclick='selectHistoryTask("+pageCount+")'>"+pageCount+"</li>";
			}; 
			if (nextPage <= pageCount) {
				strHtml += "<li onclick='selectHistoryTask(\"next\")'>></li>";
			};
		  	$("#paging").append(strHtml);