JavaScript跳转页面的方法及区别

时间:2021-08-28 16:47:42

JavaScript跳转页面主要有三种方法:

1、location.replace

location.replace会替换当前页面的history,这意味着不能使用后退按钮回退replace前的页面。

window.location.replace("https://majing.io");

有点类似模拟http请求的重定向

2、location.assign

location.assign会保留当前页面的history,跳转到新页面后,可以使用后退按钮回退到之前的页面。

window.location.assign("https://majing.io");

类似于点击链接,在当前页面跳转新页面。

3、location.href

签名两种方法使用的是location的方法。我们也可以赋值给location的属性href来跳转页面,这和location.assign一样会保留当前页面的history。

window.location="https://majing.io";
window.location.href="https://majing.io";

刷新当前页面location.reload

如果是刷新当前页面使用location.reload。reload方法有一个参数forcedReload,forcedReload为true,表示重新从服务器加载页面,为false那可以从浏览器的缓存里加载页面。forcedReload默认值为false。

window.location.reload()
window.location.reload(true)