一、概念

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"。 創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的URL结构的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。