💻前端小技巧 | JS实现页面跳转的几种方法💡

在日常开发中，页面跳转是再常见不过的操作了！用JavaScript实现页面跳转有多种方式，快来一起看看吧👇：

第一种：`window.location.href` 🏃‍♀️

直接通过改变`window.location.href`属性来跳转页面，简单粗暴又实用，比如：

```javascript

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

```

第二种：`window.location.replace()` ⚡

使用`replace()`方法会直接替换当前页面的历史记录，用户点击浏览器的“后退”按钮时不会回到原页面。例如：

```javascript

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

```

第三种：`window.open()` 🌟

这个方法可以打开新窗口或标签页，适合需要多页面操作的场景：

```javascript

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

```

第四种：`history.pushState()` 📝

通过修改浏览器的历史记录，不会立即跳转，但能优雅地处理URL变化，适合SPA（单页面应用）。

掌握这些方法，让你的页面交互更加灵活有趣！🚀