JavaScript 是一門流行的編程語言，它可以用于網頁交互、數據可視化和web應用程序的開發。提取域名是 JavaScript 中的一項常見任務， 這樣我們可以通過網址了解我們所訪問的網站。 在這篇文章中，我們將深入探討如何 使用JavaScript 提取域名， 以各種方式進行操作。

首先，我們需要獲取完整的網址字符串。在JavaScript中，我們可以使用 "window.location.href"屬性來獲取當前網頁的URL。 以下是一個簡單的例子：

let url = window.location.href;
console.log(url);

此代碼將打印當前頁面的完整URL。 例如，如果您在Google 的搜索結果頁面上運行此代碼，它可能會打印出類似于"https://www.google.com/search?q=JavaScript提取域名"這樣的URL。

一旦我們獲取了完整的URL，提取域名就相對簡單了。 通常，我們的域名與協議（"https"或"http"）和頂級域名（例如".com"或".org"）在URL中是緊密相連的。 如果我們只要獲取頂級域名，我們可以使用以下代碼：

let url = window.location.href;
let domain = url.match(/^.+\:\/\/[^\/]+/)[0];
let topLevelDomain = domain.replace(/^(.+\.)/g, "");
console.log(topLevelDomain);

這個代碼第一行通過獲取當前網頁的URL存儲到變量 "url" 中。 接著，我們通過使用正則表達式來匹配并提取包含協議和頂級域名的部分，存儲在 "domain" 變量中。 然后我們使用 .replace函數去掉協議，然后我們就可以獲得頂級域名了。

另一種提取域名的方式是使用 JavaScript中的URL對象。URL對象具有以下屬性：protocol、hostname、port、pathname、search和hash。 要使用URL對象提取域名，請使用以下代碼：

let url = new URL(window.location.href);
let hostname = url.hostname;
console.log(hostname);

這個代碼首先使用 "new URL" 語法創建一個URL對象，然后從該對象中提取 "hostname" 屬性。 這將返回當前頁面的主機名，例如 "www.google.com" 或 "www.example.org"。

綜上所述，我們可以看到，提取域名的方法有很多種，每種都有不同的優點和適用范圍。 無論您要求速度、精度還是可讀性，都可以根據您的需求選擇適當的方法。