`
jslfl
  • 浏览: 321118 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

iframe操作记要

    博客分类:
  • web
阅读更多
使用UUR框架时,主页上iframe结构如下

index
   |-My97DatePicker,没使用这个日历控件时没有这个iframe
   |-frameleft左侧菜单
   |-frameright右侧内容

当在frameright中有UUR框架弹出窗口时,会在index加一个DIV,里面会有个iframe,结构如下
index
   |-My97DatePicker,没使用这个日历控件时没有这个iframe
   |-frameleft左侧菜单
   |-frameright右侧内容
   |-iframe 弹出窗口

所以在弹出窗口中要控制父窗口(frameright)时,可以如下
top.document.frames["frameright"]或下标来得到frameright的对象(测试过)
或者 top.frameright (UUR中的说明)

如果frameright下再有iframe,并且在iframe中调用UUR弹出窗口,则结构为
index
   |-My97DatePicker,没使用这个日历控件时没有这个iframe
   |-frameleft左侧菜单
   |-frameright右侧内容
       |-iframe(user frame)
   |-iframe 弹出窗口
在弹出窗口中要控制父窗口(user frmae)时,如下
top.document.frames["frameright"].document.frames["user frame"]

document.frames返回iframe数组

实例:top.document.frames["frmright"].document.frames["jfmx"].location.href = ""

UUR中调用弹窗
diag.innerFrame.contentWindow.document

iframe内调用父窗口方法
  parent.window.fun(vObj);
调用iframe内元素
  window.onload中
  var iobj = document.getElementById("rkmx1list").contentWindow;
  alert(iobj.document.getElementById("xsjesum"));

jquery调用iframe内元素
  得到iframe中文本框值
  $(window.frames["iframename"].document).find("#xsjesum").val()
iframe内调用父窗口元素
  $(window.parent.document).find("input[@type='radio']").attr("checked","true")

uur中调用弹窗青元素
diag.innerFrame.contentWindow.document.getElementById('a').value;
diag.innerFrame.contentWindow.valaSubmit();

当iframe的src有默认值时,再通过JS动态刷新时(url不变),在JS刷新的url查询字符串中加入
Math.floor(Math.random() * 100)

如原URL应该是;/admin/addrkmx_list.do?flag=1
则JS处应该写:/admin/addrkmx_list.do?" +Math.floor(Math.random() * 100) + "&flag=1"
分享到:
评论

相关推荐

    iframe记录历史记录(onhashchange)

    在IT行业中,`iframe` 和 `onhashchange` 是两个重要的前端开发概念,它们与页面的历史记录管理和单页面应用(SPA)的实现密切相关。本文将深入探讨这两个话题,并结合提供的标签"源码"和"工具",分析如何利用它们来...

    JQUERY实现iframe页面切换功能

    要使用jQuery实现iframe页面切换,我们首先需要在HTML中设置一个iframe元素,并为其定义一个id,以便于后续的jQuery选择器能够找到它: ```html <iframe id="myIframe" src="初始页面URL"></iframe> ``` 接下来,...

    JS页面跳转和js对iframe进行页面跳转、刷新

    本文将深入解析JS页面跳转的各种方法,以及如何利用JS操作iframe进行页面跳转和刷新。 ### 一、JS页面跳转方式 #### 1. `window.location.href`方式 这是最常见的页面跳转方法,通过改变`window.location.href`...

    iframe拖动功能..........

    要实现`iframe`拖动,我们需要借助JavaScript和HTML的交互。以下是一些关键知识点: 1. **HTML结构**:首先,在HTML中设置`iframe`元素,并为其添加一个独特的ID以便于JavaScript选择器选取。例如: ```html ...

    kiosk-iframe-源码.rar

    这里的`src`属性定义了要加载的网页地址,`width`和`height`则指定了Iframe的尺寸。 2. **Iframe的通信**:在Kiosk应用中,可能需要Iframe与主页面或其他Iframe之间进行数据交换,这就涉及到了Window的`postMessage...

    后台管理框架(iframe).zip

    IFrame通过`<iframe>`标签插入到HTML文档中,其中`src`属性用于指定要加载的外部HTML文件的URL。例如: ```html <iframe src="http://example.com" width="400" height="300"></iframe> ``` `width`和`height`...

    easy-web-iframe-master.zip

    7. **日志记录**:提供操作日志记录,便于追踪系统运行情况和问题定位。 在"easy-web-iframe-master"这个压缩包中,你将找到整个框架的源代码结构,包括HTML、CSS、JavaScript文件以及可能的图片和其他资源。通过...

    php+iframe 无刷新上传

    要实现文件上传,HTML表单需要设置`enctype="multipart/form-data"`,`method`为`POST`,并且有一个`<input type="file">`元素让用户选择要上传的文件。同时,为了利用iframe实现无刷新上传,`target`属性应设置为...

    ajax_XML_iframe无刷新异步读取 源代码

    这里的XML文件可能包含了要读取或写入的数据,如数据库记录或其他结构化信息。 IFrame(Inline Frame)是HTML的一个元素,它可以在一个网页中嵌入另一个网页。在无刷新异步读取中,IFrame常用来隐藏地加载页面,...

    SuperTabNavigator关闭 IFrame 错位

    问题在于,如果在不正确地关闭Tab(例如,不是按照用户的操作顺序关闭),可能导致IFrame没有正确地卸载,或者它的位置和尺寸信息没有被正确更新,从而引发内容错位的现象。 解决这个问题的方法有多种: 1. **事件...

    iframe实现图片异步上传.doc

    `target`属性设置为`iframe`的`id`,这样提交操作会在`iframe`内部进行,不会更新主页面。 4. **JavaScript(jQuery)**: 使用jQuery库来处理事件和交互。`$(document).ready()`确保在DOM加载完成后执行相关代码...

    ace admin iframe版本(1.4)

    版本1.4是对Ace Admin框架的升级,引入了iframe技术,旨在更好地适应多页面应用场景,使得用户在不同页面间切换时无需反复加载整个页面,提高用户体验。 在Ace Admin 1.4中,核心知识点包括: 1. **Bootstrap框架*...

    .net html Iframe框架考勤系统源代码

    数据库放在App date下 数据库连接代码在代码文件夹下 无需繁琐操作 直接打开即可使用 3种登录角色 管理员 manager 记录员 recoder 客户 guest 密码均为123 网站首页可填写公告栏 登录后可观看权限 一目了然 ...

    弹出DIV可拖动窗口示例(编辑窗口/iframe/等待/确认)

    在网页设计和开发中,弹出窗口是一种常见的交互方式,用于显示额外的信息或者进行特定的操作。"弹出DIV可拖动窗口示例(编辑窗口/iframe/等待/确认)"是针对这种需求的一种实现,它结合了多种技术来提供更丰富的用户...

    利用JQuery操作iframe父页面、子页面的元素和方法汇总

    iframe在复合文档中经常用到,利用jquery操作iframe可以大幅提高效率,本文主要给大家分享了关于简单使用JQUERY来操作IFRAME的一些记录,这个使用纯JS也可以实现。下面话不多说了,来一起看看详细的介绍吧。 第一、...

    iframe图片上传接口(某项目中的图片接口,图片存成oracle中的Blob)

    这个项目中,开发者使用了`iframe`来实现图片的上传,同时将图片数据存储到Oracle数据库的Blob类型字段中。Blob(Binary Large Object)是数据库系统用来存储二进制大对象的数据类型,如图像、音频或视频文件。接...

    JQuery操作iframe父页面与子页面的元素与方法(实例讲解)

    JQUERY IFRAME下面简单使用Jquery来操作iframe的一些记录,这个使用纯JS与可以实现。 第一、在iframe中查找父页面元素的方法:$(‘#id’, window.parent.document) 第二、在父页面中获取iframe中的元素方法:$(this)...

    如何实现iframe父子传参通信

    在最近的项目里面,用到了不少关于iframe父子传参通信的相关操作,记录一下,虽然很简单,但是确实十分有用的; iframe通信可以分为2种,跨域和非跨域两种.分别说明; 有一点很重要,iframe是可以给name 属性的;给上name ...

    关闭easyui 的tab 释放iframe的内存

    }`:检查是否存在`<iframe>`元素,如果存在,则执行后续清理操作。 - `frame[0].contentWindow.document.write('');`:清空`<iframe>`的内容。 - `frame[0].contentWindow.close();`:关闭`<iframe>`窗口。 - `...

    Asp做好的iframe仿google提示源码

    在ASP中,可以使用ADO(ActiveX Data Objects)或者更现代的ADO.NET来连接和操作数据库,检索与用户输入匹配的搜索建议。 标签中的"google"表明这个应用是基于Google搜索提示功能的模仿。"源码"意味着提供的文件...

Global site tag (gtag.js) - Google Analytics