JavaScript Window Location

在 web 开发中，我们经常需要使用 JavaScript 来操作浏览器窗口的位置信息，比如重定向页面、获取当前页面的 URL 等。这些操作可以通过 window.location 对象来实现。

获取当前页面 URL

要获取当前页面的 URL，可以简单地通过 window.location.href 属性来实现。这个属性会返回当前页面的完整 URL，包括协议、主机名、端口号、路径和查询参数等。

console.log(window.location.href);

重定向页面

通过修改 window.location 对象的属性，我们可以实现页面的重定向。比如，要将页面重定向到 https://www.example.com，可以这样做：

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

获取 URL 参数

有时候我们需要获取页面 URL 中的查询参数，可以使用 window.location.search 属性来获取。这个属性会返回 URL 中 ? 后面的查询参数部分。

console.log(window.location.search);

修改 URL 参数

如果我们需要修改页面 URL 中的查询参数，可以通过 window.location.search 属性和 URLSearchParams 对象来实现。比如，给当前页面 URL 添加一个新的查询参数 key=value，可以这样做：

let searchParams = new URLSearchParams(window.location.search);
searchParams.set('key', 'value');
window.location.search = searchParams.toString();

通过以上介绍，我们可以看到 window.location 对象提供了丰富的功能，可以方便地操作页面的 URL 信息，实现页面重定向和查询参数的处理。在实际开发中，我们可以灵活运用这些功能来实现更加丰富和交互性的页面效果。