JavaScript中实现页面跳转的七种方法

如何实现页面跳转？

1.location.href

• 使用 location.href 属性可以设置或获取当前页面的 URL。通过将其值设置为新的 URL，可以实现页面跳转。

// 跳转到指定的 URL 地址
location.href = "https://www.example.com";

2.location.assign()

• 使用 location.assign() 方法同样可以实现页面跳转。它接受一个 URL 参数作为要跳转的目标地址。

 // 跳转到指定的 URL 地址
 location.assign("https://www.example.com");

3.window.open()

• window.open() 方法：它可以在一个新窗口或选项卡中打开一个指定的 URL。

 // 在新窗口中打开指定的 URL 地址
 window.open("https://www.example.com");

4.replace()

• 使用replace()方法：location.replace() 方法可以实现页面跳转，但与前两种方式不同的是，它会替换当前页面的历史记录，导致用户无法返回到前一个页面

// 跳转到指定的 URL 地址，并替换当前页面的历史记录
location.replace("https://www.example.com");

5.history.forward()

• 使用 history.forward() 方法可以让浏览器前进到历史记录中的下一个页面。

history.forward();

6.history.back()

• 使用 history.back() 方法可以让浏览器后退到历史记录中的上一个页面。

history.back();

7.history.go()

• 使用 history.go() 方法可以跳转到指定的历史记录索引。负数表示后退，正数表示前进。

// 后退一步
history.go(-1);
// 前进一步
history.go(1);