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

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

將URL 解析為其主機名稱和路徑，這是Web 開發中的常見要求， JavaScript 提供了多種方法。

1.使用 URL 物件

在現代瀏覽器和 Node.js 中引入，URL 物件提供對 URL 屬性的直接訪問，包括主機名稱和路徑名。

let url = new URL("http://example.com/aa/bb/");
console.log("Hostname: " + url.hostname);
console.log("Pathname: " + url.pathname);

2 。正規表示式符合

對於無法直接進行URL解析的場景，可以使用正規表示式來擷取主機名稱和路徑。

let regex = /^(?:https?:\/\/)?(.*?)(?:\/.*)?$/;
let match = "http://example.com/aa/bb/".match(regex);
console.log("Hostname: " + match[1]);
console.log("Pathname: " + match[2]);

3. DOM 解析

在舊版瀏覽器中，也可以使用建立HTML 錨元素() 並存取其屬性：

let a = document.createElement("a");
a.href = "http://example.com/aa/bb/";
console.log("Hostname: " + a.hostname);
console.log("Pathname: " + a.pathname);

請記住，主機名稱代表不帶網域的網域名稱端口，而主機包括兩者。

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