BOM對象——History

時間 2019-12-20

標籤 bom 對象 history 简体版

原文原文鏈接

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>

相關標籤/搜索