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

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

原文地址：https://www.cnblogs.com/yanggb/p/11256084.html

时间： 2024-11-08 18:51:36

iframe嵌套页面中的跳转的相关文章

Jquery如何获得<iframe>嵌套页面中的元素

DOM方法:父窗口操作IFRAME:window.frames["iframeSon"].documentIFRAME操作父窗口: window.parent.documentjquery方法:在父窗口中操作选中IFRAME中的所有输入框: $(window.frames["iframeSon"].document).find(":text");在IFRAME中操作选中父窗口中的所有输入框:$(window.parent.document).

在iframe子页面中添加导航功能代码

使用iframe嵌套页面,并在页面中添加导航功能,iframe只适应高度效果图如下图主页面 <div class="date_app" id="postRightContent" style="height: 725px; margin-bottom: 30px;"> <iframe id="rightIframePage" name="rightIframePage" scrolli

Javscript调用iframe框架页面中函数的方法

Javscript调用iframe框架页面中函数的方法,可以实现iframe之间传值或修改值了, 访问iframe里面的函数: window.frames['CallCenter_iframe'].hw_CallIn(callerid,sessionid); 说明: CallCenter_iframe为iframe的id hw_CallIn为iframe中页面中的方法名 callerid和sessionid为方法中的参数例子如下:index.html <a href="#" o

关于页面中锚跳转问题

一般页面的锚跳转都是通过href="#id"的方式跳转,但是我的项目 ,ssh框架的 ,不知道什么原因,只要是href中#开头,就跳到项目默认页面index.jsp. 后来找到了别的办法,不用超链接 ,改用方法调用,用下面代码:onClick="window.location.hash= 'topp';" topp是我定义的锚点,结果好使了. 但是超链接失效的原因至今不知道,如果有知道的朋友请告诉一下

iframe子页面js调用父页面js函数/父页面调用Iframe子页面中js方法

1.假设当前页面为a.html, iframe的src页面为b.html,其代码如下: 1 <span class="tag"><html> 2 <br></span><span class="tag"><head> 3 <br></span><span class="tag"><title></span><s

关于使用iframe嵌套页面的跳转方式

一.背景A,B,C,D都是jsp,D是C的iframe,C是B的iframe,B是A的iframe,在D中跳转页面的写法区别如下. 二.JS跳转window.location.href.location.href 本页面跳转,D页面跳转 parent.location.href 上一层页面跳转,C页面跳转 top.location.href 最外层页面跳转,A页面跳转三.链接或者formD页面中有form <form>: form提交后D页面跳转 <form target="

iframe与父页面中JS执行顺序控制

同事遇到了一个问题: 父页面中有几个iframe,初衷是父页面的JS通过AJAX获取数据,然后用于初始化iframe页面,可以结果却是有的iframe页面却不能获得数据. [问题根源] 父页面在加载iframe的时候,也会执行JS代码,二者执行完成先后顺序并不可控,而iframe却要使用JS获取的数据,导致在iframe初始化时,没有得到数据,也就无法初始化iframe页面了. [解决办法] HTML代码中,iframe的src属性不赋值.父页面的JS在AJAX请求成功之后,再为iframe的s

jsp如何在“用<jsp:include>包含的页面中“实现跳转

因为系统中的页面几乎都需要当前有用户登录才能有效访问,所以想在header中判断是否有用户登录,未登录实现跳转.能达到的效果是,未登录状态下访问所有包含header.jsp的页面时,可以自动跳转到登录页面.我在header.jsp中加入如下代码没有作用. <% if (session.getAttribute("loginedUser") == null) { response.sendRedirect("signin.html"); return; } %&

iframe嵌套页面音频在微信公众号环境无法播放

在微信公众号中没有iframe的时候window.WeixinJSBridge为对象,有iframe时为undefined 要使用 window.parent.WeixinJSBridge得到 if(window.WeixinJSBridge || window.parent.WeixinJSBridge) { this.play() }