发新帖

[web前端] js中页面跳转、刷新、重定向的几种方式

零下一度 2019-12-12 1075

首先页面跳转、刷新、重定向要看实施这个动作的对象,一般有三个对象:本页面的刷新跳转、父页面的刷新跳转、最外层页面的刷新跳转。

一般window.location.href是操作本页面的地址,parent.location.href是操作父页面的地址,top.location.href是操作最外层页面的地址。


无论是本页面刷新跳转、父页面刷新跳转还是最外层页面刷新跳转都有这么几种方式:

history.go(0):刷新本页

history.go(-1):回到上一页

history.go(-2):回到上一页的上一页

window.location.href = document.referrer//返回上一页并刷新

reload()跟history.go(0)相同

window.location与assign相同

history.go(0);
//history的另外两个方法
history.back();//后退到前一页
history.forward();//前进到当前页之后打开的页
window.location.reload();//刷新当前页
window.location = window.location.href;//刷新当前页
window.location.assign(window.location.href);//刷新当前页
window.location.assign("https://blog.tvtvu.com/");//跳转到https://blog.tvtvu.com/
window.location.replace(window.location.href);//刷新当前页
window.location.replace("https://blog.tvtvu.com/");//跳转到https://blog.tvtvu.com/
//父页面跳转 
parent.window.history.go(0);
parent.window.location.reload();
parent.window.location = window.location.href;
parent.window.location.assign(window.location.href);//刷新父页面
parent.window.location.assign("https://blog.tvtvu.com/");//父页面跳转到https://blog.tvtvu.com/
parent.window.location.replace(window.location.href);//刷新父页面
parent.window.location.replace("https://blog.tvtvu.com/");//父页面跳转到https://blog.tvtvu.com/


最新回复 (0)
返回
零下一度
主题数
931
帖子数
0
注册排名
1