在JavaScript中实现页面跳转主要有以下几种方法，可根据具体需求选择合适的方式：

一、基础跳转方法

使用 `window.location.href`

通过设置当前页面的URL属性实现跳转，是最常用且简单直接的方法。 - 示例：

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

- 特点：会添加新历史记录，用户可通过后退按钮返回。

使用 `window.location.replace（）`

用新URL替换当前页面历史记录，用户无法通过后退按钮返回原页面。 - 示例：

`window.location.replace（"https://www.example.com"）；`

- 特点：适用于登录后重定向等场景。

使用 `window.open（）`

打开新窗口或标签页加载指定URL，不影响当前页面。 - 示例：

`window.open（"https://www.example.com", "_blank"）；`

- 特点：可指定窗口尺寸（如`width=500,height=300`）和打开方式（如`_blank`）。

二、进阶跳转技巧

相对路径与绝对路径

- 相对路径：`window.location.href = "about.html"；`（同一目录）

- 绝对路径：`window.location.href = "https://www.example.com"；`

传递参数

可在URL后添加查询参数（如`？userId=123`），并在目标页面通过`window.location.search`获取。 - 示例：

```javascript

let userId = 123;

window.location.href = "userInfo.html?userId=" + userId;

```

- 获取参数：`const params = new URLSearchParams（window.location.search）；`

历史记录管理

- `history.pushState（）` 和 `history.replaceState（）` 可修改历史记录栈，实现无刷新跳转（适用于SPA）。 - 示例：

```javascript

history.pushState({page: "newPage"}, "title", "newPage.html");

window.location.reload();

```

- 注意：需配合事件监听器处理页面加载逻辑。

三、注意事项

用户体验：频繁使用`window.open（）`可能被浏览器拦截为弹窗，建议谨慎使用。

兼容性：上述方法在现代浏览器中均支持，无需额外处理。

安全性：避免通过`window.location`跳转至不可信页面，防止XSS攻击。

通过以上方法，可灵活实现页面跳转需求，根据场景选择最合适的方式。