如何有效解析 JavaScript 中的 URL 以提取主機名稱和路徑？

解析JavaScript 中的URL：提取主機名稱和路徑

在JavaScript 中處理URL 時，通常需要從字串中提取特定組件表示。在本例中，目標是將 URL 解析為其組成部分，包括主機名稱（例如“example.com”）和路徑（例如“/aa/bb”）。

現代解決方案

JavaScript 中 URL 解析的現代標準化方法是透過使用 URL 建構函數。考慮以下範例：

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

此建構子傳回具有下列屬性的物件：

• 主機名稱：「example.com」
• 路徑名： "/aa/bb"

注意：

• host 包括主機名稱和連接埠（如果有），而主機名稱僅包含網域.
• 相對URL（沒有協定或域）需要第二個參數，即基本URL，才能正確解析。例如：

let a = new URL("/aa/bb/", location);

Legacy Options

• RegExp: 正規表示式也可以用於擷取主機名稱和路徑也可以用於擷取主機名稱和路徑，但需要複雜的模式匹配。
• 錨點標籤： 在 DOM 中建立錨點元素並將 URL 指派給其 href 屬性，可以存取主機名稱和路徑名稱等元件屬性。

注意事項

• 大多數主流瀏覽器和 Node.js 都支援現代 URL 建構子版本。
• 對於較舊的環境，可能需要遺留方法或填充。

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