iframe嵌套页面中的跳转

Posted yanggb

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了iframe嵌套页面中的跳转相关的知识,希望对你有一定的参考价值。

简单说一下场景。

假设有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提交的方式跳转,都是类似的。

 

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

以上是关于iframe嵌套页面中的跳转的主要内容,如果未能解决你的问题,请参考以下文章

怎样使得页面的跳转一直在iframe里进行,不会跳出iframe

当使用iframe使用时出现多层的嵌套,想要从内部直接跳转到外部

前端进行页面跳转和页面刷新的方法

页面跳转如何进入一个嵌套在Iframe中的页面中?

iframe跳转后再刷新又返回原页面了

被iframe页面更改顶层的跳转链接