💻前端开发小技巧：🚀 js页面跳转常用的6种方式_js跳转

在日常的前端开发中，页面跳转是一个非常基础但又极其重要的功能。以下是几种常见的JS页面跳转方法，帮你高效完成任务👇：

1️⃣ 使用 `window.location.href`

```javascript

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

```

这是最直接的方式，可以重定向到指定URL。

2️⃣ 使用 `window.location.replace()`

```javascript

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

```

此方法会替换当前历史记录，用户无法通过“后退”返回原页面。

3️⃣ 利用 `window.open()`

```javascript

window.open('https://www.example.com', '_blank');

```

适合新窗口或标签页跳转，支持更多参数设置。

4️⃣ 跳转至锚点

```javascript

location.hash = 'section1';

```

用于在同一页面内快速定位到某个元素。

5️⃣ 结合 `setTimeout` 定时跳转

```javascript

setTimeout(() => window.location.href = 'https://www.example.com', 3000);

```

适合倒计时或延迟跳转场景。

6️⃣ 历史记录管理（`pushState`）

```javascript

history.pushState({}, '', '/newpage.html');

```

适合SPA（单页面应用）场景，不会刷新页面。

掌握这些方法，能让你的项目更加灵活和高效！💡