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

关于使用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页面中有for…

大家好,又见面了,我是你们的朋友全栈君。

一、背景
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页面跳转


三、链接或者form
D页面中有form
<form>: form提交后D页面跳转
<form target=”_blank”>: form提交后弹出新页面
<form target=”_parent”>: form提交后C页面跳转
<form target=”_top”> : form提交后A页面跳转


四、刷新
parent.location.reload():C页面刷新
window.opener.document.location.reload():C页面刷新(使用子窗口的opener对象来获得父窗口对象)

top.location.reload():A页面刷新

知识点转自http://blog.csdn.net/yuling59520/article/details/5630766

虽然现在iframe用的较少,但是一些管理系统里还是会用到,今天项目里就遇到一个很奇怪的bug,layer弹出层是一个新页面,页面上有日历控件(WdatePicker.js),关闭弹框时日历控件没有自动消失,这个bug不是所有的页面有,所以很奇葩,这个时候就用到了上面的知识点来解决的,代码如下:

$(window.parent.document).find(".layui-layer-close").on("mousedown", function(){
 
 //关闭弹框前把日历控件关闭
    window.top.$("body>div>iframe").parent("div").hide();
});

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/149319.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • jnpf开发文档_java开发最新技术

    jnpf开发文档_java开发最新技术JNPF快速开发平台JNPF快速开发平台采用前后端分离技术、采用B/S架构开发,形成一站式开发多端(APP+PC)使用。使用JNPF开发平台可以简单、快速、高效的构建各种类型java项目。JAVA版介绍JNPF.java版采用前后端分离,可将代码直接导入idea运行,也可将前后端代码利用ngnix分开部署。JNPF主体架构、技术采用前后端分离技术,主体架构为B/S,PC端和APP混合开发。前后端分离特点JNPF快速开发平台平台采用全新的前后端分离架构模式。前…

  • java的基础代码_java编程入门基础教程

    java的基础代码_java编程入门基础教程1.编写java源文件,认识java基本程序结构。创建一个文本文件,并重命名为”HelloWorld.java”用记事本打开,编写一段Java代码如下面所示例子所示。ClassHelloWorld.java{//main是程序的入口,所有程序都是从此处开始运行Publicstaticvoidmain(String[]arge){//在屏幕中打印输出“HelloWorld!”语句System.out.println(“HelloWorld”);}}2.下面对每条语句

    2022年10月17日
  • ICMP报文分析

    ICMP报文分析

    2021年11月14日
  • GridData

    GridDataGridLayout//容器下面元素的列数,makeColumnsEqualWidth是否相同大小单元格publicGridLayout(intnumColumns,booleanmakeColumnsEqualWidth);GridData类可以与GridLayout类配合使用,其中构造函数有:[code="java"]publicGridData();…

  • python库——h5py读取h5文件「建议收藏」

    python库——h5py读取h5文件「建议收藏」h5py读取h5文件h5文件像文件像,可以在组里新建子组,最后子组里新建dataset现在我们来读取h5文件中的各级组名称和dataset#打开文件f=h5py.File(‘E:\PICGUI\RBWO.h5′,’r’)#遍历文件中的一级组forgroupinf.keys():print(group)#根据一级组名获得其下面的组group_re…

  • Unity3D中使用Leap Motion进行手势控制[通俗易懂]

    Unity3D中使用Leap Motion进行手势控制

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号