JS分页代码

http://www.aichengxu.com/article/Javascript/1009_7.html

JS分页、JS分页代码分享，有需要的收藏下。

代码如下:

function setPage(opt){

if(!opt.pageDivId || opt.allPageNum < opt.curpageNum || opt.allPageNum < opt.showPageNum){return false};

var allPageNum = opt.allPageNum; //总的页数

var showPageNum = opt.showPageNum; //显示的页数

var curpageNum = opt.curpageNum; // 当前的页数

var pageDIvBox = document.getElementById(opt.pageDivId);

//左边或右边显示页码的个数

var lrNum = Math.floor(showPageNum/2);

if(curpageNum>1){

var oA = document.createElement('a');

oA.href='#1';

oA.innerHTML = '首页'

pageDIvBox.appendChild(oA);

}

if(curpageNum>1){

var oA = document.createElement('a');

oA.href='#'+(curpageNum-1);

oA.innerHTML = '上一页'

pageDIvBox.appendChild(oA);

}

if(curpageNum

昨天看了妙味课堂的 分页视频教程，今天自己参照其思路，自己写了下，并且自己新增了一个‘显示页码个数'的属性 ‘showPageNum';

下面对关键的几个地方做个总结：

1.点击的当前页码需要在显示的页码中居中;

无论是显示 3页 5页 7页 9页…… 等等

当前页要居中，可以推出一个公式

用显的页码个数除以2 再取整，就可以得到左右需要显的页码个数。这个对后面的分页判断很有用

var lrNum = Math.floor(showPageNum/2);

2.获取页码

this.getAttribute('href') 用它可以得到相对路径;this.href 用它只能得到绝对路径

来源：豆芽博客,地址：http://www.aichengxu.com/article/Javascript/1009_7.html保留原文链接,是开源分享的开始.