iframe嵌套页面中的跳转

时间:2022-05-24 13:09:14

简单说一下场景。

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

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