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

 

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