js 获取当前地址

js 获取当前地址

在前端开发中，经常会遇到需要获取当前页面地址的情况。这在很多场景下都是非常有用的，比如需要根据当前页面的地址来进行页面的跳转、获取页面参数等操作。在Javascript中，我们可以通过window.location来获取当前页面的地址。

window.location

window.location是一个对象，包含了当前文档的URL信息。它有很多属性可以用来获取不同的信息，比如href、host、hostname、pathname、protocol等等。

window.location.href

window.location.href是最常用的属性，它返回当前页面的完整URL，包括协议、主机名、端口号、路径和参数。

console.log(window.location.href);

运行上面的代码，会打印出当前页面的完整URL，例如：https://www.example.com/page?name=John&id=123

window.location.host

window.location.host返回当前页面的主机名和端口号。

console.log(window.location.host);

运行上面的代码，会打印出当前页面的主机名和端口号，例如：www.example.com:8080

window.location.hostname

window.location.hostname返回当前页面的主机名。

console.log(window.location.hostname);

运行上面的代码，会打印出当前页面的主机名，例如：www.example.com

window.location.pathname

window.location.pathname返回当前页面的路径部分。

console.log(window.location.pathname);

运行上面的代码，会打印出当前页面的路径部分，例如：/page

window.location.protocol

window.location.protocol返回当前页面的协议部分。

console.log(window.location.protocol);

运行上面的代码，会打印出当前页面的协议部分，例如：https:

总结

通过window.location对象，我们可以轻松地获取当前页面的地址的各个部分，从而在前端开发中方便地进行相关操作。在实际应用中，我们可以根据这些信息来制定不同的逻辑，提升用户体验。