多个iframe的刷新问题

摘要:
amp;电子邮件=142312312@rd139.com“id=”setFilterFrame“name=”setFilterFrame“frameborder=”0“滚动=”no“style=”100%;

我们的系统有个公用的弹出框,弹出框html结构是在顶层页面里的。一般弹出框里的内容,单独做个页面,嵌入iframe里面。就可以在弹出框里显示要显示的内容。但是出现一个问题是,有时候弹出框里的操作不是单一的,就像这次的操作。在弹出框里有个分拣操作,这个操作力选中目标文件夹的时候又有一个新建文件夹的操作。选择新建文件夹-新建文件夹成功后,还需要返回到分拣操作的界面。这么交互的操作在弹出框里是比较麻烦的。所以选择了一种方法,在一个html里面又包含两个iframe,分别包含分拣操作的页面和新建分组页面。新建分组页面初始化的时候,实现了input输入框聚焦。但是后来发现了个缺陷。从分拣操作页面跳到新建文件夹页面的时候,输入框无法聚焦,只有重新刷新后才能聚焦。后来发现,这两个iframe包含在上层的iframe里面。加载上层Iframe的时候,新建文件夹的页面初始化工作已经完成,只是页面处于隐藏的状态,这个时候将这个页面从隐藏状态切换到显示状态,input聚焦就有问题。

所以在显示新建文件夹页面的时候要重新调用它的页面初始化函数(注:可以reload,刷新这个页面,但是这样会慢些)。

页面结果:

<div class="wTipCont">

<div for="forWinSetFilter">

<iframe src="http://t.zoukankan.com/setfilter.htm?name=142312312&amp;email=142312312@rd139.com" id="setFilterFrame" name="setFilterFrame" frameborder="0" scrolling="no" style="100%;height:165px;"></iframe>

<iframe src="http://t.zoukankan.com/setfiltersuc.htm" name="setfiltersuc" frameborder="0" scrolling="no" style="100%;height:120px; display:none;"></iframe>

<iframe src="http://t.zoukankan.com/addfolderforcreatefilter.htm" name="newFilterFrame" frameborder="0" scrolling="no" style="100%;height:151px; display:none;"></iframe>

<ul style=" position: absolute; z-index: 1109;display:none; 205px; 206px\0; *206px;top: 103px;left: 61px;border: 1px solid #b1b1b1;padding: 2px 0;">

<li f_name="收件箱"><a href="javascript:void(0);" style="205px;"><span>收件箱</span></a></li>

<li id="addFloder"><a href="javascript:void(0);" style="205px;"><span>新建文件夹</span></a></li>

</ul>

</div>

</div>

$("#setFilterFrame",parent.document).hide();
//window.parent.frames["newFilterFrame"].location.reload();//重新绑定parentFloderUl-li的click事件
$("#newFilterFrame",parent.document).show();
//页面初始化 及修改弹出框标题
window.parent.frames["newFilterFrame"].Init();//重新初始化新建文件夹页面 改Init()函数里面,对新建文件夹页面的输入框聚焦进行了绑定。

有点像白话。记录下自己遇到的问题。

 

后面发现新的方法:

在新打开页面的时候,把iframe的id带过去

字页面里就很容易获取iframe里的内容。

 

 

免责声明:文章转载自《多个iframe的刷新问题》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇airflow的定时任务ubuntu编译问题收集下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

Docking For WPF–AvalonDock

桌面程序的应用,不可避免的就会用到大量的布局控件,之前的一个项目也想过去做类似于Visual Studio的那种灵活的布局控件,也就是界面上的控件能够实现拖拽放置、隐藏、窗口化等一系列的操作,但由于开发时间以及需求的原因,没有太严格要求这方面功能的实现,也就只能算是想过一下而已,实际用的时候还是固定布局,但是最近接触到新的项目,需要这方面的应用就不得不自己...

SpringBoot-配置MyBatis-yml方式

Druid的数据源配置:https://www.cnblogs.com/KuroNJQ/p/11171263.html 1.导入依赖 <dependency> <groupId>org.mybatis.spring.boot</groupId> <artifactId>mybatis-sp...

spark+kafka 小案例

(1)下载kafka的jar包 http://kafka.apache.org/downloads spark2.1 支持kafka0.8.2.1以上的jar,我是spark2.0.2,下载的kafka_2.11-0.10.2.0 (2)Consumer代码 package com.sparkstreaming import org.apache.spa...

CSS3:选择器整理,附css的骚操作,实现表单验证、ios切换按钮……

CSS的选择器很多,整理一下,方便熟悉使用。 基础的标签选择器、#id、.class、*通配符选择器这些常见的就不讲了。 主要记录一些不常用的且实用的,更多参考w3school手册 条件选择器: :has 包含指定的元素 :is   指定条件的元素 :not   非指定条件的元素 :where   指定条件的元素 :scope 指定元素作为参考点 :an...

VMware共享文件夹

如何能将文件在虚拟机和Win7(在这里以Win7为例,WinXP操作一样)下实现互传。方法有很多种。今天,我们就介绍其中一种方法,通过VMware的共享文件夹来实现虚拟机Ubuntu与Win7的文件传输。 第一步:启动Ubuntu 12.04(其他版本的Ubuntu操作差不多)         1. 在VMware虚拟机界面,点VM->Install...

JavaScript跨域问题的解决方案

  JS跨域问题在系统与系统的交互过程中会经常出现,比如一个系统的某个页面引用了另外一个系统中页面的内容,并通过引用页面的功能来刷新父页面或者另外的一个页面。这些交互就会出现跨域问题了。   下面我画了一个简单的图来说明: 图文描述: page1的来源是一个A系统,page2是和iframe.aspx是同一个系统B; iframe.aspx中包含...