简介

window.location.href 是 JavaScript 中一个重要的原生对象，用于获取当前网页的 URL 地址。在前端开发中，我们经常需要使用它来进行页面跳转，或者获取当前页面的信息。

返回值

window.location.href 返回当前网页的 URL 地址，包括协议、主机名、端口、路径和查询参数等信息。例如，当网页的 URL 地址为 https://www.example.com/path?foo=bar 时，window.location.href 返回的值就是 https://www.example.com/path?foo=bar。

使用方法

获取当前网页的 URL 地址非常简单，只需要访问 window.location.href 属性即可。例如，下面的代码段将打印出当前网页的 URL 地址。

console.log(window.location.href);

如果需要跳转到另一个网页，可以将需要跳转的地址赋值给 window.location.href 属性。例如，下面的代码将把页面跳转到 https://www.google.com。

window.location.href = "https://www.google.com";

除了 window.location.href 属性之外，window.location 还有其他一些相关的属性和方法，例如：

• window.location.host：获取当前网页的主机名和端口号，例如 www.example.com:8080。
• window.location.hostname：获取当前网页的主机名，例如 www.example.com。
• window.location.pathname：获取当前网页的路径名（不包括查询参数和哈希值），例如 /path。
• window.location.search：获取当前网页的查询参数，例如 ?foo=bar。
• window.location.hash：获取当前网页的哈希值，例如 #anchor。

总结

window.location.href 是获取当前网页 URL 地址的重要属性，在前端开发中有着广泛的应用。同时，还有其他一些相关的属性和方法，可以帮助我们更好地操作当前网页的地址信息。