JavaScript是一種廣泛使用的腳本語言，可輕松訪問和操縱HTML和CSS。JavaScript通常用于處理在網頁上執行動作的用戶的操作和輸入，以及處理他們的輸出和響應。

在本文中，我們將深入了解如何使用JavaScript獲取URL并將其用作我們代碼的一部分。

首先，讓我們看一下如何獲取當前頁面的URL。我們可以使用window.location屬性訪問當前URL。例如：

var currentURL = window.location.href;
console.log(currentURL);

這樣我們就可以在控制臺上看到當前頁面的完整URL。

然而，有時我們可能只需要獲取URL的一部分。比如，我們要獲取當前頁面的協議。我們可以使用window.location.protocol來獲取它。例如：

var protocol = window.location.protocol;
console.log(protocol);

這將輸出“http:”或“https:”，具體取決于頁面使用的協議。

另一個有用的URL部分是主機。我們可以使用window.location.host來獲取它。例如：

var host = window.location.host;
console.log(host);

這將輸出當前頁面的主機名以及可選的端口號，例如“www.example.com”或“www.example.com:8080”。

有時我們可能需要獲取頁面的路徑名。我們可以使用window.location.pathname來獲取它。例如：

var path = window.location.pathname;
console.log(path);

這將輸出當前頁面的路徑名，不包括協議、主機或查詢參數，例如“/foo/bar.html”。

另一個常見的URL部分是查詢參數。我們可以使用window.location.search來獲取它。例如：

var query = window.location.search;
console.log(query);

這將輸出包含在URL中的查詢參數，例如“?id=123&name=John”。我們還可以將查詢參數解析為對象以方便操作。我們可以使用以下代碼達到此目的：

var searchParams = new URLSearchParams(window.location.search);
console.log(searchParams.get('id'));

這段代碼將輸出查詢參數“id”的值，即“123”。

最后，有時我們可能需要獲取URL的哈希部分。我們可以使用window.location.hash來獲取它。例如：

var hash = window.location.hash;
console.log(hash);

這將輸出包含在URL中的哈希部分，例如“#section1”。

總之，JavaScript提供了許多方法來獲取URL的各個部分以及用于操作的工具。利用這些方法，我們可以輕松地獲取和操縱URL，從而提高我們代碼的效率和交互性。