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

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

如何实现页面跳转?

1.location.href

2.location.assign()

3.window.open()

4.replace()

5.history.forward()

6.history.back()

7.history.go()

如何实现页面跳转?

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);

相关文章