如何從相對路徑解析出完整的 URL 網址？

巧妙解析相對URL，獲取完整網頁地址

在網頁開發中，URL路徑的處理至關重要。本文將以實例講解如何根據相對路徑和源URL，計算出完整的目標URL地址。

假設當前網頁地址為：

https://www.dataroma.com/m/holdings.php?m=BRK

頁面內含有一個鏈接：

<a href="https://www.php.cn/link/731fbb4956c9fc22237f0a599496d326" title="Holding/activity history">≡</a>

我們需要確定此鏈接的完整URL地址，即：

https://www.dataroma.com/m/hist/hist.php?f=BRK&s=AAPL

瀏覽器是如何解析這個相對路徑的呢？

關鍵在于理解“源URL”的概念。源URL指的是當前網頁的location.origin，在本例中即https://www.dataroma.com。

瀏覽器解析相對URL時，會將href屬性值(/m/hist/hist.php?f=BRK&s=AAPL)附加到源URL之后，從而得到完整的URL地址。 注意，因為/代表根目錄，所以直接拼接即可。

因此，最終的完整URL就是：

https://www.dataroma.com/m/hist/hist.php?f=BRK&s=AAPL

理解這個解析過程，對于處理網頁鏈接和構建動態URL至關重要。