`
mr_wangjq
  • 浏览: 40449 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

父窗体与Iframe之间以及Iframe之间函数调用和传值

阅读更多

在父页面访问Iframe子窗体的txtAddress控件
window.frames["ifrMapCompanyDetails"].document.all("txtAddress").value = '地址' ;


在Iframe子窗体1访问父页面的TextBox1控件 , 子窗体1把值赋给子窗体2的某个控件
string strValue = "从子窗体传递给父页面的值" ;
下面是在Page_Load事件里面调用的,当然可以写在javascript脚本里面
this.Response.Write("<script>parent.document.all('TextBox1').value = '" + strValue + "';</script>");
this.Response.Write("<script>if( parent.document.all('TextBox2').value = '0')parent.document.all('TextBox1').value = '44';</script>");

子窗体访问父窗体中的全局变量:
parent.xxx;


在Iframe子窗体1访问子窗体2的txtAddress控件 子窗体1把值赋给子窗体2的某个控件
window.parent.frames["ifrMapCompanyDetails"].document.all("txtAddress").value = '地址' ;


父窗体提交两个Iframe子窗体
window.frames["ifrMapCompanyDetails"].Form1.submit();
window.frames["ifrMapProductInfoDetails"].Form1.submit();

Iframe子窗体 调用父页面的javascript事件
window.parent.XXX()

//父页面调用当前页面中IFRAME子页面中的脚本childEvent
function invokechildEvent()
{ var frm = document.frames["ifrChild1"].childEvent(); }
或者调用当前页面中第一个IFRAME中的脚本childEvent
{ var frm = document.frames[0]; frm.childEvent(); }

//子页面调用父窗体的某个按钮的按钮事件
window.parent.Form1.btnParent.click()

父页面调用子窗体的某个按钮的按钮事件
window.frames['ifrChild1'].document.all.item("btnChild3").click();


//jquery 部分:
1.在父窗口中操作 选中IFRAME中的所有单选钮
$(window.frames["iframe1"].document).find("input[@type='radio']").attr("checked","true");

2.在IFRAME中操作 选中父窗口中的所有单选钮
$(window.parent.document).find("input[@type='radio']").attr("checked","true");

分享到:
评论

相关推荐

    iframe与父页面传值(方法互调)

    然而,当涉及到`iframe`与父页面之间的通信时,就需要用到一些特殊的方法来实现数据的传递和函数调用。本篇文章将深入探讨如何在`iframe`与父页面之间进行值的传递以及方法的互相调用。 首先,我们可以通过...

    无刷新 子窗体传值父窗体

    在IT行业中,尤其是在Web开发领域,"无刷新子窗体传值父窗体"是一个常见的需求,它涉及到页面间通信和用户体验优化。无刷新技术可以让用户在不重新加载整个页面的情况下更新部分页面内容,提高交互性和效率。在这个...

    iframe子父页面调用js函数示例.docx

    "iframe子父页面调用js函数示例...4. JS 中 iframe 之间传值及子页面与父页面应用 5. javascript 猎取 iframe 里页面中元素值的方法 6. JS 实现 iframe 跨页面调用函数的方法 7. JS 如何对 Iframe 内外页面进行操作总结

    easyUi弹出window窗口传值与调用父页面的方法,子页面给父页面赋值

    在IT行业中,前端开发经常会遇到页面间的交互问题,如数据传递和函数调用。EasyUI是一个基于jQuery的UI框架,提供了丰富的组件,其中包括用于创建弹出窗口(window)的功能。在EasyUI中,我们可能会遇到需要在弹出...

    二个iframe之间传值 的小例子

    总结,通过以上方式,我们可以实现在多个`iframe`之间灵活地传递数据和调用JavaScript方法,创建出丰富的交互体验。在实际应用中,需要根据浏览器兼容性和安全策略选择合适的方法。对于提供的源码,具体实现细节需...

    父窗口调用iframe子窗口方法

    总的来说,理解和掌握如何在父窗口与`iframe`子窗口之间进行通信是Web开发中的重要技能,尤其在处理复杂页面结构和跨窗口数据交换时。通过学习和实践这些技术,开发者可以更好地构建交互丰富的Web应用。

    同级iframe间的函数调用

    标题“同级iframe间的函数调用”涉及的是如何在不同`iframe`之间共享数据和交互,这是跨域安全策略下实现页面间通信的一种方式。 在同一个域名下,`iframe`可以相互访问,这是因为它们被视为同一源(same-origin ...

    jQuery实现iframe父窗体和子窗体的相互调用

    本文将介绍如何使用jQuery实现父窗体和子窗体之间的相互调用,并阐述相关技巧。 首先,我们需要了解的是iframe元素。iframe是HTML中的一个元素,代表内联框架,它可以用来加载其他HTML页面。这种技术常常用于将其他...

    页面中iframe相互传值传参

    但同时,它也引入了父页面与iframe之间进行数据交换的需求,也就是所谓的“传值传参”。随着浏览器技术的发展,不同浏览器间的兼容性问题成为开发者需要考虑的重要方面。特别是早期的浏览器,如Internet Explorer和...

    Jquery调用iframe父页面中的元素及方法

    不过,当iframe和父页面属于同一域时,可以通过JavaScript或jQuery来操作父页面中的元素和方法。本文将详细介绍如何使用jQuery来查找和操作iframe父页面中的元素和方法。 首先,需要明确iframe元素可以被视为一个...

    iframe父页面与子页面通信及相互调用方法

    "iframe父页面与子页面通信及相互调用方法"是一个重要的主题,涉及到跨域安全、DOM操作以及JavaScript/jQuery的交互技术。下面将详细解释这一知识点。 1. **基本概念** - **父页面(Parent Page)**:包含`iframe`...

    用js互相调用iframe页面内的js函数

    标题提到的问题是在各种浏览器中,尤其是考虑到跨浏览器兼容性时,如何用JS实现主页面与`iframe`页面间的函数调用。在IE、Firefox和Chrome等现代浏览器中,有一些不同的处理方式。 首先,获取`iframe`页面的引用是...

    iframe 子父界面 传值.zip

    如果`iframe`和父页面位于同源策略允许的范围内,可以使用`localStorage`或`sessionStorage`进行通信。它们都是Web存储的机制,允许在浏览器端存储键值对数据: **父页面设置数据:** ```javascript localStorage....

    iframe父与子、子与子之间控制以及js相互调用实际例

    通过JavaScript,可以在各个iframe之间执行函数调用,改变DOM元素的内容,或者传递数据。这些操作通常需要处理好事件监听和触发,确保在正确的时间和上下文中执行。 **跨域问题** 需要注意的是,由于同源策略的...

    网站资料_传值,IFRAME

    此外,IFRAME中的页面可以访问一个名为`parent`的对象,通过这个对象,IFRAME内的脚本可以调用父页面的函数,或者获取/设置父页面的变量。反过来,父页面可以通过IFRAME的`contentWindow`或`contentDocument`属性来...

    在iframe中调用js父页面和子页面方法

    本篇文章将深入探讨如何在`iframe`中调用JavaScript,实现父页面与子页面之间的方法交互。 一、iframe的基本使用 在HTML中,我们可以通过`&lt;iframe&gt;`标签来插入一个框架,例如: ```html &lt;iframe src="child....

    iframe父页面与子页面互相调用

    本文将通过一个具体的示例介绍如何实现iframe中的父页面与子页面之间的互相调用,以及子页面中再嵌套iframe时的相关操作。 #### 1. 基本概念 首先我们需要了解几个基本的概念: - **父页面(Parent Frame)**:指...

    iframe子父页面调用js函数示例

    本篇文章将详细讲解如何在`iframe`子页面调用父页面的JS函数以及反之的操作。 ### 1. 子页面调用父页面的JS函数 在`iframe`子页面中,要调用父页面的JavaScript函数,可以使用`window.parent`对象来引用父窗口。...

    frameset父页面和子页面的方法之间调用个属性的调用(页面上可以包含iframe)

    这种交互可以通过JavaScript来实现,因为JavaScript提供了一些API来操作和访问页面中的DOM元素以及与之关联的函数。 1. `window.frames` 对象:这个对象允许我们访问`frameset`中的每一个`frame`。每个`frame`在`...

    JS中Iframe之间传值的方法

    如果子页面和父页面不是同源的,那么直接访问对方的document对象会受到限制。这种情况下,需要使用一些间接的方法,如postMessage API来安全地通信。 - **安全性**:直接从父页面操作iframe的内容可能会带来安全问题...

Global site tag (gtag.js) - Google Analytics