iframe中各种跳转方法

发布时间:2019-08-27编辑:脚本学堂
本文介绍了iframe页面跳转的几种方法,分为js跳转方法、链接或form表单跳转方法,页面刷新跳转方法等,有需要的朋友参考下。

iframe中如何实现页面跳转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页面跳转

三、链接或者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页面刷新

以上就是iframe页面跳转的几种方法,内容源自网络,略加整理,希望对大家有所帮助。

您可能感兴趣的文章: