JavaScript是現代Web頁面中最重要的腳本語言之一。它在網頁開發中起到了至關重要的作用。在JavaScript中，我們經常需要獲取當前頁面的地址。這是因為有很多時候，我們需要通過當前頁面的地址來進行一些操作，例如點擊跳轉，打印輸出等等。今天我們就來介紹一下如何使用JavaScript獲取當前頁面地址。

獲取當前頁面的地址其實很簡單，我們可以使用JavaScript中已有的屬性 window.location.href 來實現。這個屬性可以返回當前頁面的完整URL，包括協議，域名，端口號和當前頁面的路徑以及查詢參數。例如：

window.location.href;

這個屬性返回的地址示例：http://www.example.com/index.html?id=123#top，其中“id=123”表示頁面的查詢參數，而“#top”表示的是錨點。我們可以通過window.location.href來實現獲取當前頁面的地址，具體代碼如下：

var curUrl = window.location.href;
console.log("當前頁面地址是：" + curUrl);

如果你只想獲取當前頁面的協議，域名和端口號，則可以使用window.location.origin屬性。這個屬性返回的是當前頁面的協議，域名和端口號，例如：

window.location.origin;

返回的示例值如下：

http://www.example.com

如果你只想獲取當前頁面的路徑和查詢參數，可以使用屬性 window.location.pathname和window.location.search。代碼如下：

var path = window.location.pathname;
var query = window.location.search;
console.log("當前頁面路徑是：" + path);
console.log("當前頁面查詢參數是：" + query);

這個代碼的返回值示例如下：

當前頁面路徑是：/index.html
當前頁面查詢參數是：?id=123

另外，通過JavaScript獲取當前頁面地址還可以帶有URL編碼的功能。例如，你需要在頁面中使用某些特殊字符（如空格、&，/等），在將其作為URL的一部分時，需要對其進行URL編碼。你可以使用JavaScript內置函數encodeURIComponent()實現URL編碼，代碼如下：

var curPage = encodeURIComponent(window.location.href);
console.log("當前頁面地址編碼后是：" + curPage);

以上是使用JavaScript獲取當前頁面地址的方法。總的來說，獲取當前頁面的URL很簡單，但是當我們需要操作某些需要當前頁面URL時，正確獲取URL就顯得至關重要。希望這篇文章能夠對你了解如何使用JavaScript獲取當前頁面地址有所幫助。