美文网首页
历史记录

历史记录

作者: 虎三呀 | 来源:发表于2018-02-08 14:02 被阅读0次
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript">
            /*
             * History
             *  - 对象可以用来操作浏览器向前或向后翻页
             */
            window.onload = function(){
                
                //获取按钮对象
                var btn = document.getElementById("btn");
                
                btn.onclick = function(){
                    /*
                     * length
                     *  - 属性,可以获取到当成访问的链接数量
                     */
                    //alert(history.length);
                    
                    /*
                     * back()
                     *  - 可以用来回退到上一个页面,作用和浏览器的回退按钮一样
                     */
                    //history.back();
                    
                    /*
                     * forward()
                     *  - 可以跳转下一个页面,作用和浏览器的前进按钮一样
                     */
                    //history.forward();
                    
                    /*
                     * go()
                     *  - 可以用来跳转到指定的页面
                     *  - 它需要一个整数作为参数
                     *      1:表示向前跳转一个页面 相当于forward()
                     *      2:表示向前跳转两个页面
                     *      -1:表示向后跳转一个页面
                     *      -2:表示向后跳转两个页面
                     */
                    history.go(-2);
                };
                
            };
            
        </script>
    </head>
    <body>
        
        <button id="btn">点我一下</button>
        
        <h1>History</h1>
        
        <a href="01.BOM.html">去BOM</a>
    </body>
</html>

相关文章

网友评论

      本文标题:历史记录

      本文链接:https://www.haomeiwen.com/subject/irrttftx.html