Fore_End/JavaScript/BOM/06_History对象.html

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>History对象</title>
    </head>
    <body>
        <input type="button" id="btn" value="获取历史记录个数">

        <a href="07_History对象2.html">07页面</a>

        <input type="button" id="forward" value="前进">
        <script>
            /*
            History：历史记录对象
                1. 创建(获取)：
                    1. window.history
                    2. history

                2. 方法：
                    * back()	加载 history 列表中的前一个 URL。
                    * forward()	加载 history 列表中的下一个 URL。
                    * go(参数)	加载 history 列表中的某个具体页面。
                        * 参数：
                            * 正数：前进几个历史记录
                            * 负数：后退几个历史记录
                3. 属性：
                    * length	返回当前窗口历史列表中的 URL 数量。
                4. 属性：
            */

            //1、获取按钮
            var btn = document.getElementById("btn");

            //2、绑定单机事件
            btn.onclick = function () {
                //3、获取当前窗口历史记录个数
                var length = history.length;
                alert(length);
            }

            //
            var forward = document.getElementById("forward");

            //2、绑定单机事件
            forward.onclick = function () {
                //3、前进
                //history.forward();
                history.go(1);
            }
        </script>

    </body>
</html>