js如何控制每页显示几条信息

在前端界面中，我们可以使用 JavaScript 来控制每页显示几条信息。具体实现方法如下：

1. 在 HTML 页面中定义一个下拉列表或输入框，用于用户选择每页显示的信息数目。

2. 在 JavaScript 中获取用户选择的每页信息数目。

3. 根据用户选择的每页信息数目，计算出总页数和当前页数。

4. 在前端界面中显示当前页的信息，并根据需要显示页码和页码控件。

5. 监听页码控件的点击事件，根据点击的页码重新计算当前页的信息，并更新前端界面。

具体实现代码如下：

//获取每页信息数目
var pageSize = document.getElementById("pageSize").value;

//计算总页数和当前页数
var totalPage = Math.ceil(data.length / pageSize);
var currentPage = 1;

//显示当前页的信息
showPage(currentPage, pageSize, data);

//显示页码和页码控件
showPageControl(currentPage, totalPage);

//监听页码控件的点击事件
document.getElementById("pageControl").addEventListener("click", function (event) {
    var target = event.target;
    if (target.tagName.toLowerCase() === "a") {
        var page = parseInt(target.textContent);
        if (page === currentPage) {
            return;
        }
        currentPage = page;
        showPage(currentPage, pageSize, data);
        showPageControl(currentPage, totalPage);
    }
});

其中，`showPage()` 函数用于显示当前页的信息，`showPageControl()` 函数用于显示页码和页码控件。在监听页码控件的点击事件时，需要根据点击的页码重新计算当前页的信息，并更新前端界面。