image.png

    1. location对象提供了与当前窗口中加载的文档有关信息,还提供了一些导航的功能,他既是window对象的属性,也是document对象的属性。
    3. location.href与window.location.href等价
    4. 语法：location.hash
    5. 功能：返回URL中的hash(#号后跟0或多个字符),如果不包含则返回空字符串
    7. 语法：location.host
    8. 功能:返回服务器名称和端口号
    9. 语法：location.hostname
    10. 功能:返回不带端口号的服务器名称
    11. 语法：location.pathname
    12. 功能：返回URL中的目录和(或)文件名
    13. 语法：location.port
    14. 功能:返回URL中指定的端口号,如果没有,返回空字符串
    15.      location.search 
    16. 返回了从问号开始直到 URL末尾的所有内容，
    <button id="btn">跳转到百度</button>

<script>
var btn = document.getElementById("btn");
btn.onclick =  function(){
console.log(location.port)
}
</script>

    window.location.href  获取地址栏的地址

URL.parse(urlString , boolean可省略 , boolean可省)
parse这个方法可以将一个url的字符串解析并返回一个url的对象