如何将相对路径解析为完整的URL？

网页相对路径与完整URL的解析

在网页开发中，经常会遇到使用相对路径的超链接。本文将解释如何将这些相对路径解析成完整的URL。

假设一个网页的URL是：https://www.dataroma.com/m/holdings.php?m=BRK

该网页包含以下链接：≡

这个链接的最终指向是：https://www.dataroma.com/m/hist/hist.php?f=BRK&s=AAPL

这是因为浏览器会根据当前网页的URL来解析相对路径。 /m/hist/hist.php?f=BRK&s=AAPL 是相对于当前网页URL的相对路径。

解析过程如下：

1. 获取当前网页的源URL: https://www.dataroma.com (这部分被称为origin，即协议、域名和端口)
2. 将相对路径添加到源URL: /m/hist/hist.php?f=BRK&s=AAPL 被附加到源URL的末尾。

最终结果就是完整的URL：https://www.dataroma.com/m/hist/hist.php?f=BRK&s=AAPL

浏览器正是通过这种机制，准确地将相对路径转换为完整的、可访问的URL。 理解这个过程对于理解网页链接和资源加载至关重要。