JavaScript 左右切页
时间: 2023-12-16 18:13:09 浏览: 56
可以通过以下代码实现 JavaScript 左右切页:
```javascript
let currentPage = 1; // 当前页码
const pageSize = 10; // 每页显示的数量
const totalPage = 100; // 总页数
// 向左翻页
function prevPage() {
if (currentPage > 1) {
currentPage--;
renderPage();
}
}
// 向右翻页
function nextPage() {
if (currentPage < totalPage) {
currentPage++;
renderPage();
}
}
// 渲染页面
function renderPage() {
// 根据 currentPage 和 pageSize 计算要显示的数据
const start = (currentPage - 1) * pageSize;
const end = start + pageSize;
// 根据数据渲染页面
// ...
}
```
其中,`currentPage`、`pageSize` 和 `totalPage` 分别表示当前页码、每页显示的数量和总页数。`prevPage` 和 `nextPage` 函数分别用于向左翻页和向右翻页,调用这两个函数会更新 `currentPage` 并重新渲染页面。`renderPage` 函数根据 `currentPage` 和 `pageSize` 计算要显示的数据,并根据数据渲染页面。