在开发网页应用程序中，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。