如何从相对路径解析出完整的 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至关重要。