分页在网页中是一种常见的功能,用于展示大量数据。以下是一个简单的JavaScript分页实现方法:
1. HTML结构:你需要有一个列表来展示数据,以及分页的按钮。
```html
1
```
2. JavaScript代码:接下来,编写JavaScript来处理分页逻辑。
```javascript
// 假设我们有100条数据
const totalItems = 100;
const itemsPerPage = 10; // 每页显示10条数据
let currentPage = 1; // 当前页码
function generateDataList() {
const dataContainer = document.getElementById('data-container');
dataContainer.innerHTML = ''; // 清空现有数据
for (let i = (currentPage 1) itemsPerPage; i < currentPage itemsPerPage; i++) {
if (i < totalItems) {
const item = document.createElement('div');
item.textContent = `Item ${i + 1