js内容分页

 

<script type="text/javascript">
	var pageCount = 1,
	CurrentPage = 0;
	function GetContent(PageSize) {
		var AllContent = document.getElementById("AllContent").innerHTML;
		var temp = AllContent.length % 1300;
		pageCount = (AllContent.length - temp) / 1300;
		CurrentPage = PageSize;
		var AllContent = document.getElementById("AllContent").innerHTML;
		if (AllContent.length > 0) {
			var Min = PageSize * 1300,
			Max = (PageSize + 1) * 1300 - 1;
			document.getElementById("Content").innerHTML = AllContent.substring(Min, Max);

			document.getElementById("Pager").innerHTML = "<span style='cursor:pointer' οnclick='GetContent(0)'>首页</span> ";
			if (CurrentPage == 0) {
				document.getElementById("Pager").innerHTML += "<span style='cursor:pointer' οnclick='GetContent(0)'>上一页</span> ";
			} else {
				document.getElementById("Pager").innerHTML += "<span style='cursor:pointer' οnclick='GetContent(" + (CurrentPage - 1) + ")'>上一页</span> ";
			}
			if (CurrentPage == pageCount) document.getElementById("Pager").innerHTML += "<span style='cursor:pointer' οnclick='GetContent(" + CurrentPage + ")'>下一页</span> ";
			else document.getElementById("Pager").innerHTML += "<span style='cursor:pointer' οnclick='GetContent(" + (CurrentPage + 1) + ")'>下一页</span> ";
			document.getElementById("Pager").innerHTML += "<span style='cursor:pointer' οnclick='GetContent(" + pageCount + ")'>尾页</span> ";

		}
	}
	window.onload = function() {
		GetContent(0)
	}
</script>

<div id="AllContent" style="display:none">
	内容
</div>
<div id="Content" style="width:95%; margin:auto;">
</div>
<div id="Pager" style="width:100%; text-align:center; margin-top:10px;">
</div>

转载：小池编程的博客 » js内容分页