在開發網頁應用程序中，JavaScript 是一種非常有用的編程語言，它不僅可以在網頁中實現美妙的動畫，還可以為網頁添加交互性和動態性。而在使用 JavaScript 時，獲取當前頁面的 URL 是一個非常重要的功能，因為它可以為我們的程序提供必要的上下文信息，且方便用戶分享當前頁面。下面我們來具體了解 JavaScript 中獲取 URL 的方法。

獲取網頁 URL 最為簡單的方法是使用window.location.href屬性，這個屬性可以獲取當前文檔的 URL 地址。下面是一個示例代碼，假設當前頁面的 URL 是：https://www.example.com/index.html，代碼如下：

var url = window.location.href;
console.log(url);
// 輸出結果：https://www.example.com/index.html

有時我們需要獲取 URL 中的參數或者 hash 值，這時候我們就可以使用window.location.search和window.location.hash屬性來獲取它們。其中，window.location.search可以獲取 URL 中的查詢參數（Query String），如下示例代碼：

// 當前 URL 為：https://www.example.com/index.html?id=1234&name=john
var query = window.location.search;
console.log(query);
// 輸出結果：?id=1234&name=john

而window.location.hash屬性可以獲取 URL 中的 hash 值，如下示例代碼：

// 當前 URL 為：https://www.example.com/index.html#section1
var hash = window.location.hash;
console.log(hash);
// 輸出結果：#section1

除了以上介紹的方法外，我們還可以通過創建一個新的 URL 對象來獲取 URL 的各個部分，包括路徑或者域名，如下示例代碼：

var url = new URL("https://www.example.com/index.html?id=1234#section1");
console.log(url.hostname); // 輸出結果： www.example.com
console.log(url.pathname); // 輸出結果： /index.html
console.log(url.search); // 輸出結果： ?id=1234
console.log(url.hash); // 輸出結果： #section1

在獲取 URL 的過程中，有時候會出現一些特殊情況，比如獲取的 URL 是相對路徑或者包含中文字符。針對這些情況，我們可以使用decodeURIComponent()函數和encodeURI()函數來處理。其中，decodeURIComponent()函數可以將編碼后的 URL 解碼為原始的 URL，如下示例代碼：

var url = "https://www.example.com/%E6%B5%8B%E8%AF%95%E9%A1%B5%E9%9D%A2.html";
var decodeUrl = decodeURIComponent(url);
console.log(decodeUrl);
// 輸出結果：https://www.example.com/測試頁面.html

而encodeURI()函數可以將 URL 編碼為適合在 URL 中傳輸的形式，如下示例代碼：

var url = "https://www.example.com/測試頁面.html";
var encodeUrl = encodeURI(url);
console.log(encodeUrl);
// 輸出結果：https://www.example.com/%E6%B5%8B%E8%AF%95%E9%A1%B5%E9%9D%A2.html

以上是關于 JavaScript 獲取 URL 的方法以及處理 URL 中特殊情況的介紹，我們可以根據具體的需求選擇相應的方法來獲取或者處理 URL。