首页 > 其他 > 详细

BOM对象——History

时间:2019-12-19 13:30:56      阅读:83      评论:0      收藏:0      [点我收藏+]

BOM对象——History

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script type="text/javascript">
            /*
            History
              - 对象可以用来操作浏览器向前或者向后翻页
            */


            window.onload = function() {
                var btn = document.getElementsByTagName("button")[0];
                console.log(btn);
                btn.onclick = function() {
                    // History.length 返回当前访问链接的数量
                    // alert(history.length)
                    
                    /*
                    back()
                      - 可以用来回退到上一个页面,作用和浏览器的回退按钮一样
                    */
                    // history.back();
                    
                    /*
                    forward()
                      - 可以  前进到下一个页面,作用和浏览器的前进按钮一样
                    */
                    // history.forward();
                    
                    /*
                    go()
                      - 可以用来跳转到指定的页面
                      - 需要一个整数作为参数
                         1.表示向前跳转一个页面
                         2.表示向前跳转两个页面
                         -1.表示向后跳转一个页面
                         -2.表示向后跳转两个页面
                    */
                    // histor.go();
                }
            };
        </script>
    </head>
    <body>
        <button type="button" id="btn">history</button>
        <h1>History</h1>
    </body>
</html>

BOM对象——History

原文:https://www.cnblogs.com/SSPOFA/p/12067092.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!