js实现分页

在JS中实现分页，可以通过以下步骤来实现：

1. 定义每页显示的数据数量（pageSize）以及当前页码（currentPage）。

2. 将数据按照每页的数量进行分割，得到分页后的数据。

3. 根据当前页码，从分页后的数据中获取对应页码的数据。

4. 根据分页后的数据，动态生成分页按钮，通过点击按钮来切换页码。

以下是一个简单的分页代码示例：

// 定义每页显示的数据数量
var pageSize = 10;

// 定义当前页码
var currentPage = 1;

// 假设有100条数据
var data = [];
for (var i = 1; i <= 100; i++) {
  data.push(i);
}

// 分页函数
function pagination(data, pageSize, currentPage) {
  // 计算总页数
  var totalPages = Math.ceil(data.length / pageSize);

  // 获取当前页码的数据
  var start = (currentPage - 1) * pageSize;
  var end = start + pageSize;
  var currentData = data.slice(start, end);

  // 渲染数据
  // ...

  // 渲染分页按钮
  var paginationHtml = '';
  for (var i = 1; i <= totalPages; i++) {
    if (i === currentPage) {
      paginationHtml += '<span class="active">' + i + '</span>';
    } else {
      paginationHtml += '<span>' + i + '</span>';
    }
  }
  // ...

  // 点击分页按钮切换页码
  var pagination = document.querySelector('.pagination');
  pagination.addEventListener('click', function(e) {
    if (e.target.tagName.toLowerCase() === 'span') {
      currentPage = parseInt(e.target.innerText);
      pagination(data, pageSize, currentPage);
    }
  });
}

// 初始化分页
pagination(data, pageSize, currentPage);

在上面的代码示例中，我们定义了每页显示的数据数量为10，当前页码为1，然后将100条数据进行分页，获取当前页码的数据，并渲染数据和分页按钮。点击分页按钮时，根据所点击的按钮的页码重新渲染分页和数据。