JavaScript是一种广泛使用的编程语言，用于为网站和应用程序添加交互性和动态性。在网页开发中，获取当前页面URL是一项非常基本的任务。在本篇文章中，我们将介绍如何使用JavaScript获取当前页面的URL。
获取当前页面URL的方法
要获取当前页面的URL，可以使用JavaScript中的window.location对象。window.location对象包含了当前页面的URL信息，如协议、主机名、端口号、路径和查询字符串等。
以下是获取当前页面URL的代码：
```
var currentUrl = window.location.href;
```
上述代码将获取当前页面的完整URL，并将其存储在currentUrl变量中。
如果你只想获取当前页面的协议、主机名和端口号，可以使用以下代码：
```
var currentUrl = window.location.protocol + "//" + window.location.host;
```
上述代码将获取当前页面的协议、主机名和端口号，并将它们组合成一个字符串存储在currentUrl变量中。
如果你只想获取当前页面的路径和查询字符串，可以使用以下代码：
```
var currentUrl = window.location.pathname + window.location.search;
```
上述代码将获取当前页面的路径和查询字符串，并将它们组合成一个字符串存储在currentUrl变量中。
使用location对象的属性
除了使用window.location对象外，还可以使用location对象的属性来获取当前页面URL。
以下是获取当前页面URL的代码：
```
var currentUrl = location.href;
```
上述代码将获取当前页面的完整URL，并将其存储在currentUrl变量中。
如果你只想获取当前页面的协议、主机名和端口号，可以使用以下代码：
```
var currentUrl = location.protocol + "//" + location.host;
```
上述代码将获取当前页面的协议、主机名和端口号，并将它们组合成一个字符串存储在currentUrl变量中。
如果你只想获取当前页面的路径和查询字符串，可以使用以下代码：
```
var currentUrl = location.pathname + location.search;
```
上述代码将获取当前页面的路径和查询字符串，并将它们组合成一个字符串存储在currentUrl变量中。
在本篇文章中，我们介绍了如何使用JavaScript获取当前页面的URL。我们使用了window.location对象和location对象的属性来实现这个功能。无论你是想获取当前页面的完整URL还是只想获取其中一部分信息，都可以使用这些方法来实现。希望这篇文章能够帮助你更好地了解JavaScript。