一、概念

URL：統(tǒng)一資源定位符 (Uniform Resource Locator, URL)。

完整的URL由這幾個部分構(gòu)成：scheme://host:port/path?query#hash：

scheme：通信協(xié)議，常用的有http、https、ftp、mailto等。
host：主機(jī)域名或IP地址。
port：端口號，可選。省略時使用協(xié)議的默認(rèn)端口，如http默認(rèn)端口為80。
path：路徑由零或多個"/"符號隔開的字符串組成，一般用來表示主機(jī)上的一個目錄或文件地址。
query：查詢，可選。用于傳遞參數(shù)，可有多個參數(shù)，用"&"符號隔開，每個參數(shù)的名和值用"="符號隔開。
hash：信息片斷字符串，也稱為錨點。用于指定網(wǎng)絡(luò)資源中的片斷。

二、舉例

比如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：協(xié)議部分，返回值："https:"。
window.location.host：主機(jī)部分。返回值："www.baidu.com"。
window.location.port：端口部分。如果采用了協(xié)議默認(rèn)的端口，則返回空字符。本例返回值：""。
window.location.pathname：路徑部分。返回值："/index.html"。
window.location.search：查詢(參數(shù))部分。返回值："?id=1&page=1"。
window.location.hash：錨點。返回值："#name1"。 創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎勵來咯，堅持創(chuàng)作打卡瓜分現(xiàn)金大獎

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。