列举iframe中的各种跳转的方法

发布时间:2019-09-16编辑:脚本学堂
本文中列举了很多种iframe实现跳转的方法,实用性很强,有需要的朋友了解一下。

一、背景
A,B,C,D都是jsp,D是C的iframe,C是B的iframe,B是A的iframe,在D中跳转页面的写法区别如下。

二、JS跳转
 

window.location.href、location.href 本页面跳转,D页面跳转
parent.location.href 上一层页面跳转,C页面跳转
top.location.href 最外层页面跳转,A页面跳转
 

三、链接<a>或者form
D页面中有form
 

<form>: form提交后D页面跳转
<form target="_blank">: form提交后弹出新页面
<form target="_parent">: form提交后C页面跳转
<form target="_top"> : form提交后A页面跳转
 

四、刷新
 

parent.location.reload():C页面刷新
window.opener.document.location.reload():C页面刷新(使用子窗口的opener对象来获得父窗口对象)
top.location.reload():A页面刷新