一、概念
host：主机域名或IP地址。
port：端口号，可选。省略时使用协议的默认端口，如http默认端口为80。
path：路径由零或多个"/"符号隔开的字符串组成，一般用来表示主机上的一个目录或文件地址。
query：查询，可选。用于传递参数，可有多个参数，用"&"符号隔开，每个参数的名和值用"="符号隔开。
hash：信息片断字符串，也称为锚点。用于指定网络资源中的片断。
用javascript获得其中的各个部分如下：
window.location.href：整个URl字符串，返回值："https://www.baidu.com/index.html?id=1&page=1#name1"。
window.location.protocol：协议部分，返回值："https:"。
window.location.host：主机部分。返回值："www.baidu.com"。
window.location.port：端口部分。如果采用了协议默认的端口，则返回空字符。本例返回值：""。
window.location.pathname：路径部分。返回值："/index.html"。
window.location.search：查询(参数)部分。返回值："?id=1&page=1"。
window.location.hash：锚点。返回值："#name1"。
URL：统一资源定位符 (Uniform Resource Locator, URL)。
完整的URL由这几个部分构成：scheme://host:port/path?query#hash：
scheme：通信协议，常用的有http、https、ftp、mailto等。host：主机域名或IP地址。
port：端口号，可选。省略时使用协议的默认端口，如http默认端口为80。
path：路径由零或多个"/"符号隔开的字符串组成，一般用来表示主机上的一个目录或文件地址。
query：查询，可选。用于传递参数，可有多个参数，用"&"符号隔开，每个参数的名和值用"="符号隔开。
hash：信息片断字符串，也称为锚点。用于指定网络资源中的片断。
二、举例
比如URL如下，https://www.baidu.com/index.html?id=1&page=1#name1用javascript获得其中的各个部分如下：
window.location.href：整个URl字符串，返回值："https://www.baidu.com/index.html?id=1&page=1#name1"。
window.location.protocol：协议部分，返回值："https:"。
window.location.host：主机部分。返回值："www.baidu.com"。
window.location.port：端口部分。如果采用了协议默认的端口，则返回空字符。本例返回值：""。
window.location.pathname：路径部分。返回值："/index.html"。
window.location.search：查询(参数)部分。返回值："?id=1&page=1"。
window.location.hash：锚点。返回值："#name1"。