URL

2023-07-27T15:18:05.png
控制台输入：location查看当前网址属性
2023-07-27T15:19:49.png

location

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <input type="button" value="点击跳转" id="btn">

    <script>
        var btn = document.getElementById("btn");
        btn.onclick = function(){
            //输出URL地址
            //console.log(location.href);
            //重新赋值，跳转到新URL地址，并且记录历史记录，可以后退返回原页面
            //location.href = "https://xn--xu0a.cn";
            
            
            //assign 委托
            //assign() 方法的作用与 href 属性一样，可以设置页面跳转的地址
            //location.assign("https://xn--xu0a.cn");


            //repLace 替换
            //替换掉地址栏中当前的网址，但是不记录历史，不能后退
            //location.replace("https://xn--xu0a.cn");


            //reLoad 重新加载
            //类似 键盘中 F5 刷新功能
            //参数：true 强制从服务器获取页面，false 如果浏览器有缓存网页的话，会直接从缓存中获页面

            //location.reload();
            //location.reload(true);
            //location.reload(false);




            
        };



    </script>



</body>
</html>