JavaScript history对象方法

最新推荐文章于 2024-09-24 08:45:00 发布

柒边形选手

最新推荐文章于 2024-09-24 08:45:00 发布

阅读量620

点赞数

分类专栏：笔记文章标签： javascript 开发语言

本文链接：https://blog.csdn.net/m0_55201788/article/details/122590981

版权

笔记专栏收录该内容

85 篇文章 0 订阅

订阅专栏

history对象方法	作用
back()	可以后退功能
forward()	前进功能
go(参数)	前进后退功能参数如果是1前进1个页面如果是-1后退1个页面

<body>
    <a href="list.html">点击我去往列表页</a>
    <button>前进</button>
    <script>
        var btn = document.querySelector('button');
        btn.addEventListener('click', function() {
            // history.forward();
            history.go(1);
        })
    </script>
</body>

<body>
    <a href="index.html">点击我去往首页</a>
    <button>后退</button>
    <script>
        var btn = document.querySelector('button');
        btn.addEventListener('click', function() {
            // history.back();
            history.go(-1);
        })
    </script>
</body>