◎欢迎参与讨论，请在这里发表您的看法、交流您的观点。
html5上一页下一页
ID:9558 / 打印html5 中使用 html 按钮和 javascript 函数实现上一页/下一页功能，具体步骤如下：创建 HTML 按钮，指定 onclick 事件响应单击事件；定义 JavaScript 函数：2.1 上一页函数：检查历史记录，若存在上一页则返回；2.2 下一页函数：获取当前 URL，若有页码参数则跳转到下一页，否则提示没有下一页。
HTML5 上一页/下一页
如何实现 HTML5 上一页/下一页功能？
HTML5 提供了
1. 创建 HTML 按钮
立即学习“前端免费学习笔记（深入）”；
<button id="previous" onclick="goToPreviousPage();">上一页</button> <button id="next" onclick="goToNextPage();">下一页</button>
2. 定义 JavaScript 函数
2.1 上一页函数
function goToPreviousPage() { // 获取历史记录 let history = window.history; // 如果存在上一页 if (history.length > 1) { // 返回上一页 history.back(); } }2.2 下一页函数
function goToNextPage() { // 获取当前 URL let url = window.location.href; // 如果 URL 中有页码参数 if (url.includes('page=')) { // 获取当前页码 let currentPage = Number(url.split('page=')[1]); // 跳转到下一页 window.location.href = url.replace('page=' + currentPage, 'page=' + (currentPage + 1)); } // 否则没有下一页 else { alert('没有下一页了'); } }