首頁 > web前端 > js教程 > 如何在 JavaScript 中從 URL 提取主機名稱和路徑?

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

Barbara Streisand
發布: 2024-12-11 17:07:10
原創
238 人瀏覽過

How to Extract Hostname and Path from a URL in JavaScript?

在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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板