BOM對象——Location

時間 2019-12-20

標籤 bom 對象 location 简体版

原文原文鏈接

BOM對象——location

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script type="text/javascript">
            window.onload = function() {
                /*
                            Location
                             - 該對象封裝了瀏覽器的地址欄信息
                            */
                //獲取按鈕
                var btn = document.getElementById("btn");
                btn.onclick = function() {

                    // 若是直接打印location,則能夠獲取到地址欄的信息(當前頁面完整的路徑)
                    // console.log(location);?
                    
                    /*
                    若是直接將location屬性改爲一個完整路徑或者相對路徑則會跳轉到該頁面
                    */
                    // location="http://www.baidu.com";
                    
                    
                    /*
                    assign
                     - 用來跳轉到其餘頁面，做痛和直接修改location同樣
                    */
                   // location.assign("http://www.baidu.com");
                   
                   /*
                   reload()；
                   從新加載當前頁面
                     若是在方法中傳遞一個true，強制清空緩存
                   */
                   // location.reload(true);
                   
                   /*
                   replace();
                     - 可使用一個新的頁面替換當前頁面，調用完畢也會跳轉頁面
                     -  不會生成歷史記錄，不能使用回退按鈕
                   */
                   location.replace("http://www.baidu.com");
                }
            }
        </script>
    </head>
    <body>
        <button type="button" id="btn">btn</button>
    </body>
</html>

相關標籤/搜索