126JS--基礎(chǔ)location

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript">
            /*
             * Location
             *  - 該對(duì)象中封裝了瀏覽器的地址欄的信息
             */
            window.onload = function(){
                
                //獲取按鈕對(duì)象
                var btn = document.getElementById("btn");
                
                btn.onclick = function(){
                    
                    //如果直接打印location，則可以獲取到地址欄的信息（當(dāng)前頁(yè)面的完整路徑）
                    //alert(location);
                    
                    /*
                     * 如果直接將location屬性修改為一個(gè)完整的路徑，或相對(duì)路徑
                     *  則我們頁(yè)面會(huì)自動(dòng)跳轉(zhuǎn)到該路徑，并且會(huì)生成相應(yīng)的歷史記錄
                     */
                    //location = "http://www.baidu.com";
                    //location = "01.BOM.html";
                    
                    /*
                     * assign()
                     *  - 用來(lái)跳轉(zhuǎn)到其他的頁(yè)面，作用和直接修改location一樣
                     */
                    //location.assign("http://www.baidu.com");
                    
                    /*
                     * reload()
                     *  - 用于重新加載當(dāng)前頁(yè)面，作用和刷新按鈕一樣
                     *  - 如果在方法中傳遞一個(gè)true，作為參數(shù)，則會(huì)強(qiáng)制清空緩存刷新頁(yè)面
                     */
                    //location.reload(true);
                    
                    /*
                     * replace()
                     *  - 可以使用一個(gè)新的頁(yè)面替換當(dāng)前頁(yè)面，調(diào)用完畢也會(huì)跳轉(zhuǎn)頁(yè)面
                     *      不會(huì)生成歷史記錄，不能使用回退按鈕回退
                     */
                    location.replace("01.BOM.html");
                    
                };
                
            };
            
        </script>
    </head>
    <body>
        
        <button id="btn">點(diǎn)我一下</button>
        
        <h1>Location</h1>
        
        <input type="text" />
        <a href="01.BOM.html">去BOM</a>
    </body>
</html>
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡(jiǎn)書(shū)系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容