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

 

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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



猜您在找 iframe嵌套页面的跳转方式 关于使用iframe嵌套页面的跳转方式 vue中嵌套页面(iframe) vue中嵌套页面(iframe) 页面跳转如何进入一个嵌套在Iframe中的页面中 iframe 嵌套页面(模态框中嵌套) vue使用route搭配iframe进行嵌套的页面,在子页面中,点击跳转到打开新的模块子页面。 vue中嵌套页面 iframe 标签 Jquery如何获得