js 获取当前url

探索JavaScript获取当前URL的方法

在数字世界中，URL扮演着重要的角色，是统一资源定位系统的关键所在。每一个网页都有一个独一无二的URL，通过它我们可以在因特网上找到特定的信息位置。在JavaScript中，获取当前页面的URL是一项基本且重要的技能。接下来，让我们一起看看如何使用JavaScript获取当前的URL。

假设当前页面的完整地址是：

一、获取当前窗口的完整URL：

`var url = window.location.href;`

结果是：

二、获取当前窗口的主机名：

`var host = window.location.host;`

结果是：localhost:61768

三、获取当前窗口的端口号：

`var port = window.location.port;`

结果是：61768

四、获取当前窗口的路径：

`var pathname = window.location.pathname;`

结果是：/Home/Index

五、获取当前文档的完整URL（与第一点相同）：

`var URL = document.URL;`

结果是：

六、获取URL中的参数：

要获取URL中的特定参数，我们可以使用`window.location.search`来获取查询字符串。如果要解析这些参数以便使用，我们可能需要额外的函数或库，如`URLSearchParams`。例如：

`var search = window.location.search; // ?id=2&age=18`

之后，我们可以使用`URLSearchParams`来解析这些参数。

关于JavaScript中获取当前URL的方法，我们就先介绍到这里。希望这些信息对你有所帮助，让你在开发过程中更加得心应手。无论是获取主机名、端口号、路径还是查询参数，JavaScript都为我们提供了方便的工具。随着你的深入学习和实践，你会发现JavaScript的更多强大功能。