如何在 JavaScript 中從 URL 提取主機名稱和路徑？

在JavaScript 中將URL 解析為主機名稱和路徑

將URL 字串處理為可以根據需要存取主機名稱和路徑名的對象，您可以利用現代解決方案或替代方法。

帶有 URL 的現代方法物件：

最直接的解決方案是使用 URL 建構子。它會建立提供主機名稱和路徑名稱屬性的 URL 物件的實例。例如：

const a = new URL("http://example.com/aa/bb/");

console.log(a.hostname); // "example.com"
console.log(a.pathname); // "/aa/bb"

請注意，主機名稱僅包含網域，不包含任何連接埠資訊。對於網域名稱和端口，您可以使用主機代替。

替代方法：

如果現代方法不可用，您可以考慮以下替代方法：

• 正規表示式： 使用正規表示式，您可以提取主機名稱和路徑名稱來自URL 字串。但是，它可能很複雜且容易出錯。
• DOM 解析： 您可以建立一個 HTML 元素，將其 href 設為 URL，然後解析產生的 DOM 以擷取所需的內容特性。這種方法需要瀏覽器支持，並且可能會比較慢。

結論：

使用 URL 建構函數的現代解決方案是解析 URL 的首選和推薦方法轉換為 JavaScript 中的主機名稱和路徑名。

以上是如何在 JavaScript 中從 URL 提取主機名稱和路徑？的詳細內容。更多資訊請關注PHP中文網其他相關文章！