四、Location 对象

location对象提供了与当前窗口中加载的文档有关信息,还提供了一些导航的功能,他既是window对象的属性,也是document对象的属性**

一、 Location.href

//跳转页面
<button id="btn">百度</button>
    <script>
        var btn=document.getElementById("btn")
        btn.onclick=function(){
            location.href="https://www.yuque.com/xuanxuan-zru4l"
        }
    </script>

二、 Location.port 返回URL中指定的端口号,如果没有,返回空字符串

<button id="btn">跳转到百度</button>
    <script>
        var btn = document.getElementById("btn");
        btn.onclick =  function(){
           console.log(location.port)
        }
    </script>

三、Location.hash

返回URL中的hash(#号后跟0或多个字符),如果不包含则返回空字符串

四、Location.host

返回服务器名称和端口号

五、Location.hostname

返回不带端口号的服务器名称

六、Location.pathname

返回URL中的目录和(或)文件名

七、Location.port

返回URL中指定的端口号,如果没有,返回空字符串