js 跳转路由

在前端开发中，我们可以使用 JavaScript 实现页面路由跳转。常见的方法有以下几种：

1. 使用 window.location.href

这种方式最简单，直接在 JavaScript 中修改 URL 地址跳转到对应的路由页面：

window.location.href = '/your-route';

2. 使用 history.pushState 和 history.replaceState

这种方式可以通过修改浏览器的历史记录来实现页面路由跳转，但是需要注意的是，这种方式只能在 HTML5 的浏览器中使用。

history.pushState() 方法会添加一个新的状态到浏览器的历史记录中，然后将当前 URL 地址修改为指定的路由：

history.pushState(null, null, '/your-route');

history.replaceState() 方法与 pushState 方法类似，但是它替换浏览器历史中当前的状态而不是添加一个新的状态：

history.replaceState(null, null, '/your-route');

3. 使用第三方路由库

对于较为复杂的单页应用，我们可以选择使用第三方的路由库，比如 React Router、Vue Router 等。这些库封装了路由跳转的逻辑，提供了更为便捷的 API 和更丰富的功能。例如，在 React Router 中，我们可以通过以下代码实现路由跳转：

this.props.history.push('/your-route');

总之，以上三种方式都可以实现路由跳转，开发者可以根据具体需求选择其中一种或多种方式。