Posted on 2007-01-04 10:44
花 阅读(2179)
评论(1) 编辑 收藏 所属分类:
WEB Design 
<!---->
父窗口调用子窗口
iframe_ID.iframe_document_object.object_attribute = attribute_value
例子
onClick="iframe_text.myH1.innerText='http://www.pint.com';"
子窗口调用父窗口
parent.parent_document_object.object_attribute = attribute_value
例子
onclick="parent.myH1.innerText='http://www.pint.com';"
上面在IE下没有问题，但在firefox下不正常。在firefox下，应该是
父窗口调用子窗口
window.frames["iframe_ID"].document.getElementById("iframe_document_object").object_attribute = attribute_value
例子
window.frames["iframe_text"].document.getElementById("myH1").innerHTML= "http://www.pint.com";
子窗口调用父窗口
parent.document.getElementById("parent_document_object").object_attribute = attribute_value
例子
parent.document.getElementById("myH1").innerHTML = "http://www.adsf.com";
子窗口调用父窗口的例子：
example.htm:
<html>
<body onclick="alert(tt.myH1.innerHTML)">
<Iframe name="tt" src="frame1.htm" width="250" height="200" scrolling="no" frameborder="0"></iframe>
<h1 id="myH2">hello,my wife</h1>
</body>
</html>
frame1.htm
<body onload="parent.myH2.innerText='hello,my friend';"></body>
父窗口调用子窗口的例子：
exmaple.htm
<html>
<body onload="test.myH1.innerText='hello,my dear';">
<Iframe src="test.htm" id="test" width="250" height="200" scrolling="no" frameborder="0"></iframe>
</body>
</html>
test.htm
<html>
<body>
<h1 id="myH1">hello,my boy</h1>
</body>
</html>
分享到：
相关推荐
总结以上内容，通过JavaScript操作iframe父子窗体可以实现父窗口和子窗口间的数据访问和方法调用。这种方式常用于网页中嵌入第三方页面时，父页面需要与嵌入的页面进行交互的场景。在进行操作时，需要注意同源策略的...
JavaScript实现IFrame子窗口调用父窗口的全局变量
"iframe父页面与子页面通信及相互调用方法"是一个重要的主题，涉及到跨域安全、DOM操作以及JavaScript/jQuery的交互技术。下面将详细解释这一知识点。 1. **基本概念** - **父页面（Parent Page）**：包含`iframe`...
在Web开发过程中，我们经常需要在父页面和iframe...总之，通过本文，读者应该能够掌握使用jQuery实现iframe父窗体和子窗体相互调用的方法，并了解在此过程中需要注意的要点。这将有助于提高Web应用的用户体验和交互性。
父子窗体之间传值iframe之间的相互操作，还有sturts2指定跳转的页面。
在实际开发中，考虑到兼容性和性能，通常首选`window.open`和`iframe`来实现父子页面的通信。`window.postMessage` API也是近年来流行的解决方案，它提供了一种安全、标准化的方式来实现在不同源之间传递消息，适用...
在标题中提到的"iframe+div窗体"，是指使用IFrame（内联框架）和div元素结合的方式，来实现类似独立窗体的效果。 IFrame是一种HTML标签，它可以在一个HTML文档中嵌入另一个HTML文档。这使得开发者能够在一个页面中...
本示例“iframe跨域互相调用资源”提供了一个解决方案，它着重展示了如何通过`iframe`实现在不同源之间进行通信，并且处理了浏览器兼容性问题，特别是对较老版本的IE浏览器（至少支持到IE8）的支持。 首先，`iframe...
这个实例代码“js-iframe-传值调用”旨在演示如何通过JavaScript在父窗口和iframe之间传递数据，实现页面间的交互。我们将详细探讨这个过程中的关键知识点。 首先，我们要理解iframe的基本结构。一个iframe标签通常...
本文介绍了layer弹出子iframe层父子页面传值的实现方法，分享给大家，具体如下： 父页面获取子页面元素 格式： $("#iframeID").contents().find("#eleID") 示例代码： father.html <!DOCTYPE html> <...
1. 利用 JS 对 iframe 父子（内外）页面进行操作的方法教程 2. JS 中 iframe 调用父页面的方法 3. iframe 子页面与父页面在同域或不同域下的 js 通信 4. JS 中 iframe 之间传值及子页面与父页面应用 5. javascript ...
本文将详细介绍如何在`iframe`的父窗体与子窗体之间进行数据传递。 ### 1. 同源策略与跨域限制 首先，我们需要了解浏览器的安全机制——同源策略。同源策略规定，只有相同协议、域名和端口的两个页面才能相互访问...
本篇文章将深入探讨如何在`iframe`中调用JavaScript，实现父页面与子页面之间的方法交互。 一、iframe的基本使用 在HTML中，我们可以通过`<iframe>`标签来插入一个框架，例如： ```html <iframe src="child....
让iframe子窗体取父窗体地址栏参数(querystring)</title> [removed] function f(){ //http://localhost:4101/MyFiles/netshop/ShopType.aspx?tid=1 var url = [removed].href;//取得地址栏 var pos = url....
标题“同级iframe间的函数调用”涉及的是如何在不同`iframe`之间共享数据和交互，这是跨域安全策略下实现页面间通信的一种方式。 在同一个域名下，`iframe`可以相互访问，这是因为它们被视为同一源（same-origin ...
【标题解析】：“unigui_iframe_amcharts调用”这个标题表明了我们要探讨的是一个与Unigui、iframe和amCharts相关的主题。Unigui是一个基于Delphi的跨平台UI框架，它允许开发者创建Web和移动应用。Iframe是HTML中的...
在Web开发中，"父窗口调用iframe子窗口方法"是一个常见的交互场景，尤其是在构建复杂的单页面应用或者需要跨窗口通信时。这篇文章将详细讲解如何实现这个功能，并提供相关的源码示例。 首先，理解基本概念。`iframe...