URL (Uniform Resource Locator) 统一资源定位符
完整的 URL 由以下几个部分组成:
scheme://host:port/path?query#hash
- scheme: 通信协议,通常有:http, https, ftp, mailto 等
- host: 主机域名或者 ip 地址
- port: 端口号,可选。省略时使用协议默认的端口号,比如 http 的默认端口是 80
- path: 路径由零个或者多个 "/" 符号隔开的字符串组成,一般用来表示主机上的一个目录或者文件地址
- query: 查询,可选。用于传递参数,可以有多个,参数之间用 "&" 隔开,每个参数的名和值之间用 "=" 隔开
- hash: 信息判断字符串,也可以称为锚点,可以指定网络资源中的片段,就是定位到网页中的某一个部分。
比如:
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"
。