window.location.href怎么用

JavaScript中的window.location.href是用来获取当前窗口中页面的URL地址，也可以用来跳转页面。

### 获取当前页面URL

使用window.location.href可以获取当前页面的URL地址，例如：

console.log(window.location.href);

这将打印当前页面的URL地址到浏览器控制台。

### 跳转页面

使用window.location.href可以将页面重定向到另一个URL地址：

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

当执行上述代码时，浏览器将会重定向到百度首页。

可以将window.location.href与JS的confirm函数结合起来使用，来提示用户确认是否跳转。

if (confirm("Are you sure you want to leave this page?")) {
  window.location.href = "https://www.baidu.com";
}

以上代码将会在一个弹出窗口中提示用户是否确认离开当前页面，如果用户点击"确定"按钮，页面将会跳转到百度首页。

### 获取URL中的参数

可以使用window.location.href和其他JavaScript函数来获取URL中的参数。

例如，URL地址为https://www.example.com?name=John&age=30，想要获取参数中的name和age的值，可以使用以下代码：

const urlParams = new URLSearchParams(window.location.search);
const name = urlParams.get("name");
const age = urlParams.get("age");
console.log(Name: ${name}, Age: ${age});

这将在控制台输出Name: John, Age: 30。

### 修改URL中的参数

使用window.location.href和其他JavaScript函数，可以修改URL中的参数。

例如，想要将URL地址https://www.example.com?page=1的page参数的值设置为2：

const urlParams = new URLSearchParams(window.location.search);
urlParams.set("page", "2");
window.location.href = https://www.example.com?${urlParams.toString()};

这将会将页面重定向到https://www.example.com?page=2。