修复Prev按钮跳转逻辑：实现页面倒序循环跳转

核心思路 #

基于已实现的Next按钮逻辑，通过计算当前页面在页面列表中的索引，处理索引减1后越界的情况，实现从后往前的循环跳转（如5→4→3→2→1→5…）。

完整代码示例 #

// 1. 定义所有页面的路径数组，按顺序排列（需与实际页面路径一致）
const pages = ['index.html', 'page2.html', 'page3.html', 'page4.html', 'page5.html'];

// 2. 获取当前页面的文件名并找到对应索引
const currentPage = window.location.pathname.split('/').pop();
let currentIndex = pages.indexOf(currentPage);

// 3. Prev按钮点击事件处理
document.getElementById('prevBtn').addEventListener('click', function() {
    // 关键：通过加法避免索引为负数，取模实现循环
    currentIndex = (currentIndex - 1 + pages.length) % pages.length;
    window.location.href = pages[currentIndex];
});

关键逻辑说明 #

• (currentIndex - 1 + pages.length) % pages.length：当当前页面是第一个页面（索引0）时，0-1=-1，加上数组长度后变为正数，取模后得到数组最后一位的索引，从而跳转到最后一个页面，完成循环。
• 确保pages数组的顺序与页面的正序（1→2→3…）完全对应，这样倒序跳转逻辑才会准确。

参考已正常工作的Next按钮逻辑（供对比） #

document.getElementById('nextBtn').addEventListener('click', function() {
    currentIndex = (currentIndex + 1) % pages.length;
    window.location.href = pages[currentIndex];
});

内容的提问来源于stack exchange，提问作者granite