html+js实现分页

HTML和JS可以很容易地实现分页功能，以下是一个简单的示例代码：

HTML部分：

<div id="page-nav"></div>

JS部分：

var currentPage = 1;
var pageSize = 10; // 每页显示的数据条数
var data = []; // 存放数据的数组

function renderData(page) {
    var start = (page - 1) * pageSize;
    var end = start + pageSize;
    var pageData = data.slice(start, end);

    // 渲染数据到页面上
    // ...

    // 渲染分页导航
    renderPageNav();
}

function renderPageNav() {
    var pageCount = Math.ceil(data.length / pageSize);

    var html = '<ul>';
    for (var i = 1; i <= pageCount; i++) {
        if (i == currentPage) {
            html += '<li class="active">' + i + '</li>';
        } else {
            html += '<li onclick="goToPage(' + i + ')">' + i + '</li>';
        }
    }
    html += '</ul>';

    document.getElementById('page-nav').innerHTML = html;
}

function goToPage(page) {
    currentPage = page;
    renderData(page);
}

在这个示例代码中，`data`数组存放了所有的数据，`pageSize`定义了每页显示的数据条数，`currentPage`保存了当前页码。`renderData`函数用于根据当前页码渲染数据到页面上，`renderPageNav`函数用于渲染分页导航，`goToPage`函数用于跳转到指定页码。

在页面加载完成后，调用`renderData(1)`函数即可实现默认显示第一页的数据。