如何使用 JavaScript 设置 location 和 location.href？

在 JavaScript 中，我们可以使用 location 对象来操作浏览器的 URL 地址。

1. 修改 URL

我们可以使用 location.href 属性来修改浏览器的 URL 地址。

location.href = "http://www.example.com";

上面的代码将会把当前页面的 URL 地址修改为 http://www.example.com。

2. 重定向页面

我们可以使用 location.replace() 方法来重定向页面到一个新的 URL 地址。

location.replace("http://www.example.com");

上面的代码将会把当前页面重定向到 http://www.example.com。

和 location.href 不同的是，location.replace() 不会在浏览器历史中生成一个新的记录，因此用户无法通过后退按钮返回到之前的页面。

3. 刷新页面

我们可以使用 location.reload() 方法来刷新页面。

location.reload();

上面的代码将会重新加载当前页面。

默认情况下，location.reload() 会从浏览器缓存中读取页面，如果我们想要强制从服务器重新加载页面，可以通过传递 true 参数来实现。

location.reload(true);

4. 获取 URL 参数

我们可以使用 location.search 属性来获取 URL 中的查询参数。

const queryString = location.search;

上面的代码将会获取当前页面的查询参数，例如 http://www.example.com/?name=john&age=30 中的 name=john&age=30。

如果我们想要获取单个查询参数的值，可以使用以下代码。

const params = new URLSearchParams(location.search);
const name = params.get("name");

上面的代码将会获取当前页面的查询参数 name 的值。

总结

location 对象提供了许多与 URL 相关的操作方法和属性。我们可以使用它们来修改 URL，重定向页面，刷新页面，获取 URL 参数等等。