javascript - 创建上一页按钮

Question

我正在尝试创建一种使用 Prev 和 Next 按钮在页面之间导航的方法。这些按钮是使用 bootstrap 和字体超棒的图标制作的，可以在这里看到:Live Example

正在使用的软件是Comic Reader

我已经成功地使用以下代码创建了一个下一页按钮:

<a href="<?php echo $chapter->next_page($current_page); ?>" onClick="return nextPage();" >
   <button type="button" class="btn btn-info" id="next-page"><i class="fa fa-chevron-right"></i></button>
</a>

我将如何创建一个与当前下一页的工作方式相同的上一页按钮页面？

我试过 history.goback 但就是这样，根据你的历史返回上一页。

非常感谢，

编辑:在下面添加了更多详细信息作为答案

Answer 1

您可以通过简单的 javascript 代码完成，如下所示:

HTML:

<a href="javascript:void(0);" onClick="return prevPage();" >Prev</a>

JavaScript:

function prevPage(){
    //assuming that the current page count will always be at the end of URL
    // /reader/read/test/en/0/0/page/10
    //here current page number is 10
    var currentPage = window.location.pathname.split("page/")[1];
    var currentPage = parseInt(currentPage);
    var prevPage = 1;
    if(currentPage > 1)
        prevPage = currentPage - 1;
    else
        return; //return if we are on 1st page

    window.location.href =  window.location.href.replace(currentPage,prevPage);
}