JavaScript 1.9 history对象

最新推荐文章于 2025-02-18 22:00:54 发布

原创最新推荐文章于 2025-02-18 22:00:54 发布 · 217 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#history对象

JavaScript Note 专栏收录该内容

36 篇文章

订阅专栏

本文介绍JavaScript中history对象的使用方法，包括获取浏览器历史记录数量、实现页面前进和后退功能。通过具体示例代码，展示了如何利用history.back()、history.forward()及history.go()方法进行页面导航。

1、示例

<script>
    document.write(history.length);//浏览器历史列表中的 URL 数量
    function fan() {
        return history.back();
    }
    function fo() {
        return history.forward()
    }
    function gof() {
        return history.go(-1);
    }
    function gof2() {
        return history.go(1);
    }
    function gof1() {
        return history.go(-2);
    }
</script>
<button type="button" onclick="fan()">返回</button>
<button type="button" onclick="fo()">前进</button>
<button type="button" onclick="gof()">go(-1)返回一页</button>
<button type="button" onclick="gof2()">go(1)前进一页</button>
<button type="button" onclick="gof1()">go(-2)两次返回</button>