iframe嵌套页面中的跳转

本文详细介绍了在多层嵌套的iframe结构中,如何利用JavaScript进行不同层级的页面跳转,包括本页面、上一层级乃至最外层页面的跳转方法。

简单说一下场景。

假设有A、B、C和D四个JSP页面,D通过iframe嵌套在C中,C通过iframe嵌套在B中,B通过iframe嵌套在A中。

然后现在在D中编写JavaScript代码跳转页面。

在本页面跳转(D页面所在的iframe中跳转)

window.location.href = '要跳转的页面路径';

在上一层跳转(D页面所在iframe的父页面中跳转,即C所在的iframe中跳转)

parent.location.href = '要跳转的页面路径';

如果要在B所在的iframe中跳转怎么办?聪明的你一定能想到,就是多写一个parent。

parent.parent.location.href = '要跳转的页面路径';

要在其上多少个层级上跳转,就写多少个parent就好了,举一反三很简单。

在最外层跳转(A页面跳转)

top.location.href = '要跳转的页面路径';

另外还可以使用window.open()方法或form提交的方式跳转,都是类似的。

 

"我曾经以为日子是过不完的,未来是完全不一样的。"

转载于:https://www.cnblogs.com/yanggb/p/11256084.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值