JavaScript-----history对象

history对象有三个方法:

方法	属性
history.forward()	去历史记录的下一页 前进
history.back()	去历史记录的上一页 后退
history.go(数字)	跳转页面 数字如果为0 表示刷新本页面 正值前进为调转到历史记录的第几页 负值后退为跳转到历史记录的前第几页

这里我们直接举个栗子来看一下:

需要两个页面,也可以是多个页面

 首页:

    <a href="list.html">点我前往列表页</a>
    <button>前进</button>

    <script>
        var btn = document.querySelector('button');
        btn.addEventListener('click', function () {
            // history.forward();
            history.go(1);
        })
    </script>

列表页;

    <a href="index.html">点我前往首页</a>
    <button>后退</button>

    <script>
        var btn = document.querySelector('button');
        btn.addEventListener('click', function () {
            // history.back();
            history.go(-1);

        })
    </script>

效果如下: