Javascript 带返回jquery的导航

我在一个页面中有一个锚定标记列表，单击该锚定标记，它将根据已经定义的href导航到另一个页面

现在，在导航到第二个页面后，我将有两个锚定标记，再次单击每个锚定标记，它将导航到相应的href页面

现在点击后退按钮，它应该导航到上一页，即第二页，点击后退按钮，它将导航到第一页

有谁能帮助我以通用的方式实现这一点，以便在有三个导航而不是两个导航的情况下也能工作

这就是我尝试过的

标题：

<button id='back'>Back</button>

返回

第1页：

<ul class='list'>
<li><a href='/page1/anchor1'>Page 1 Anchor1</a></li>
<li><a href='/page1/anchor2'>Page 1 Anchor2</a></li>
<li><a href='/page1/anchor3'>Page 1 Anchor3</a></li>
<li><a href='/page1/anchor4'>Page 1 Anchor4</a></li>
<li><a href='/page1/anchor5'>Page 1 Anchor5</a></li>
</ul>

第2页：

<ul class='list'>
<li><a href='/page2/anchor1'>Page 2 Anchor1</a></li>
<li><a href='/page2/anchor2'>Page 2 Anchor2</a></li>
<li><a href='/page2/anchor3'>Page 2 Anchor3</a></li>
<li><a href='/page2/anchor4'>Page 2 Anchor4</a></li>
<li><a href='/page2/anchor5'>Page 2 Anchor5</a></li>
</ul>

第3页：

<ul class='final'>
<li>Page 3 Anchor1</li>
<li>Page 3 Anchor2</li>
<li>Page 3 Anchor3</li>
<li>Page 3 Anchor4</li>
<li>Page 3 Anchor5</li>
</ul>

第3页主持人1
第3页主持人2
第3页主播3
第3页主播4
第3页主持人5

Js:

$（文档）.ready（函数（）{
setTimeout（函数（）{
//具有href的数组
var rList=$（'.list li a'）；
purl=[]；
var aurl=[]；
对于（var i=0；i使用

$(document).ready(function() {
        setTimeout(function(){
            // Having the array of href
            var rList = $('.list li a');
            purl = [];
            var aurl = [];
            for(var i=0;i<rList.length;i++){
                arl = rList[i].href;
                purl.push(aurl);
            }

        },500);

        $("#back").click(function(){


        });

    });

$("#back").click(function(){
        history.back();
    });