35. Location

126. Location

<script>
    /**
     * Location: 该对象中封装了浏览器地址栏的信息
     */
    window.onload = function () {
        let btn = document.getElementById('btn');
        btn.onclick = function () {
            // 如果直接打印location,则可以获取地址栏的信息(当前页面的完整路径)
            console.log(location);
            // 如果直接将location属性修改为一个完整的路径，或相对路径
            // 则页面会自动跳转到该路径页面，并且会生成相应的历史记录
             location = '125-History.html';
            
            /**
             * assign()
             *      - 用来跳转到其他的页面，作用和直接修改location一样
             */
            location.assign("https://www.baidu.com/");

            /**
             * reload()
             *      - 用于重新加载当前页面，作用和刷新按钮一样
             *      - 如果在方法中传递一个true作为参数，则会强制清空缓存，刷新页面
             */
            location.reload(true);

            /**
             * replace()
             *      - 可以使用一个新的页面替换当前页面，调用完毕也会跳转页面
             *      - 不会生成历史记录，不能使用回退按钮回退
             */
            location.replace("https://www.baidu.com/");

        };
    };
</script>