`

网页中父子窗口间的访问

阅读更多
在父页面访问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");
分享到:
评论

相关推荐

    jquery父子窗口互相获取元素demo

    在JavaScript中,由于同源策略的限制,父子窗口之间默认不能直接访问彼此的DOM元素,除非它们都位于同一域下。然而,通过使用窗口对象的`window.opener`属性(在子窗口中)和`window.open`返回的引用(在父窗口中)...

    javascript 父窗口、子窗口传值问题

    在JavaScript编程中,父窗口与子窗口之间的通信是一种常见的需求,特别是在构建多...在实际应用中,根据场景和安全性要求选择合适的方法进行父子窗口间的通信。同时,要确保遵循同源策略,因为跨域通信可能会受到限制。

    动态增删table以及后台传值和弹出窗口父子窗口传值

    在IT行业中,动态增删table和后台传值是前端与后端交互的重要技术,而弹出窗口父子窗口之间的数据传递则是提升用户体验的关键。下面将详细解释这些知识点。 首先,动态增删table是一种常见的用户界面设计,它允许...

    创建子窗口与子父窗口间通信

    以上代码展示了如何使用`window.postMessage`进行父子窗口间的通信。 **安全性和最佳实践:** - 为了安全,使用`postMessage`时应验证`event.origin`以确保消息来自预期的源。 - 避免过度依赖cookies或URL参数,...

    HTML 父窗口打开子窗口,并接收子窗口返回的值.zip

    在web服务器上,所有文件被视为同一域,从而允许父子窗口之间的通信。 综上所述,这个压缩包提供的示例展示了如何在HTML页面中使用JavaScript打开子窗口,以及如何在子窗口与父窗口之间通过`postMessage()`和`...

    HTML中IFrame父窗口与子窗口相互操作

    这种父子窗口的交互方式对于实现复杂网页应用,如页面内嵌、跨域通信等场景非常常见。以下将详细介绍如何在HTML中进行`&lt;iframe&gt;`父窗口与子窗口之间的交互操作。 首先,我们来看一些通用的方法: 1. **获取子窗口...

    HTML iframe子窗口与主容器间互相操作,互相访问,传递数据

    - 子窗口访问主窗口:在子窗口的JavaScript代码中,`parent`对象代表了包含它的顶层窗口。例如,`parent.document`可以访问父窗口的DOM。 3. **互相操作DOM** - 从主容器操作子窗口的DOM:获取子窗口的文档对象,...

    js操作iframe父子窗体示例

    关于JavaScript操作iframe父子窗体的知识点,本篇内容主要涉及通过JavaScript代码实现父窗口与iframe子窗口间数据的互相访问,以及如何控制子窗口中的内容。以下是详细的内容说明: 1. 父窗口与iframe的交互: 在父...

    iframe父子传值

    然而,当涉及到`iframe`中的父子窗口间通信时,开发者可能会遇到一些挑战。本文将详细介绍如何在`iframe`的父窗体与子窗体之间进行数据传递。 ### 1. 同源策略与跨域限制 首先,我们需要了解浏览器的安全机制——...

    页面间DOM相互访问

    在网页开发中,有时我们需要在不同的HTML页面之间进行交互,比如在一个页面中操作另一个页面的DOM元素或调用其JavaScript变量和函数。这种交互通常发生在父子页面(通过iframe)或打开窗口与母窗口之间。本篇文章将...

    iframe的父子窗口之间的对象相互调用基本用法

    这些基本用法是`iframe`父子窗口间交互的基础。需要注意的是,由于同源策略的限制,只有当父窗口和子窗口的源(协议、主机和端口)相同时,它们才能互相访问对方的DOM。如果跨域,这种通信将会受到限制,除非两个...

    子窗口通过js操作父窗口中的元素

    - 对于更复杂的父子窗口交互,可以利用`localStorage`或`sessionStorage`进行数据共享。 8. **最佳实践**: - 确保你的代码遵循W3C标准,确保兼容性。 - 避免过度依赖JavaScript,提供适当的降级处理,以便在...

    网页间数据传递

    9. **隐藏的IFrame**:在`a.htm`中嵌入一个隐藏的IFrame加载`b.htm`,并通过Message API实现父子IFrame间的通信,进而实现两个页面间的数据传递。 10. **HTML5的History API**:通过改变浏览器的历史记录状态,可以...

    javascript提交父窗口

    窗口对象与父子窗口关系 在 Web 开发中,一个网页可以打开其他窗口或弹出新窗口。这些窗口之间存在一种父子关系。打开新窗口的页面被称为父窗口,而被打开的新窗口则被称为子窗口。这种关系主要通过 `window.open...

    js窗口及提示按钮大全[汇编].pdf

    JavaScript是Web开发中...以上就是从给定内容中提炼出的JavaScript关键知识点,它们涵盖了DOM操作、事件处理、提示框、页面导航以及父子窗口间的交互。理解并熟练运用这些知识,可以有效地增强网页的交互性和用户体验。

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

    它允许开发者在一个页面中加载多个独立的网页,实现页面内容的并行加载,提高用户体验。iframe通常用于显示广告、嵌入视频、地图等,或者用于实现页面部分的动态更新,比如通过JavaScript动态加载内容。 **iframe的...

    javascript父子页面通讯实例详解

    JavaScript 父子页面通信是一种常见的网页开发技术,它允许两个不同或相同的页面(一个包含在另一个内,形成父子关系)之间交换数据和调用彼此的功能。这种通信方式在单页应用(SPA)和框架嵌套等场景中非常有用。...

    网页制作中Iframe自适应高度的解决办法

    这时可以利用`window.postMessage`进行父子窗口之间的通信,由子窗口(Iframe内的页面)发送其高度给父窗口,再由父窗口调整Iframe的高度。 子窗口(Iframe内容): ```javascript window.parent.postMessage({...

    iframe 父窗口和子窗口相互的调用方法集锦

    `iframe`在父子窗口间的交互是常见的需求,例如,用户在子窗口中操作后需要更新父窗口的状态,或者反过来。下面详细介绍如何在不同浏览器环境下实现父窗口和子窗口之间的相互调用。 ### 一、基本调用方法 #### 1. ...

Global site tag (gtag.js) - Google Analytics