如何使用JavaScript获取当前URL

如何使用JavaScript获取当前URL

在本文中，我们将介绍如何使用JavaScript获取当前URL。获取当前URL是在网页开发中非常常见的需求，可以通过JavaScript代码实现。

阅读更多：JavaScript 教程

方法一：使用location对象

JavaScript提供了location对象，用于获取和操作当前页面的URL。可以使用location对象的href属性来获取当前URL。具体代码如下：

var currentUrl = location.href;
console.log(currentUrl);

上述代码中，通过location.href获取当前URL，并将其赋值给变量currentUrl。然后使用console.log函数来输出当前URL。

示例：

假设当前页面的URL是https://www.example.com/page1.html，使用上述代码可以获取到当前URL并输出。

https://www.example.com/page1.html

方法二：使用window对象

除了使用location对象，还可以使用window对象来获取当前URL。可以使用window对象的location属性来获取当前URL。具体代码如下：

var currentUrl = window.location.href;
console.log(currentUrl);

上述代码中，通过window.location.href获取当前URL，并将其赋值给变量currentUrl。然后使用console.log函数来输出当前URL。

示例：

假设当前页面的URL是https://www.example.com/page2.html，使用上述代码可以获取到当前URL并输出。

https://www.example.com/page2.html

方法三：使用document对象

除了使用location对象和window对象，还可以使用document对象来获取当前URL。可以使用document对象的URL属性来获取当前URL。具体代码如下：

var currentUrl = document.URL;
console.log(currentUrl);

上述代码中，通过document.URL获取当前URL，并将其赋值给变量currentUrl。然后使用console.log函数来输出当前URL。

示例：

假设当前页面的URL是https://www.example.com/page3.html，使用上述代码可以获取到当前URL并输出。

https://www.example.com/page3.html

总结

本文介绍了使用JavaScript获取当前URL的三种方法：使用location对象、使用window对象和使用document对象。通过这些方法，可以方便地获取当前页面的URL，并进行相应的操作和处理。使用这些方法可以帮助开发人员更好地处理URL相关的需求。