`

父页面里两个iframe之间互相访问

    博客分类:
  • js
阅读更多

转载:http://hi.baidu.com/xeelytech/blog/item/b8e42cfdac841d1508244d42.html



iframe 父窗口和子窗口的调用方法
父窗口调用子窗口
iframe_name.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_name"].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";

分享到:
评论

相关推荐

    子页面访问父页面 和 跨iframe访问

    "子页面访问父页面"和"跨iframe访问"是两个重要的技术概念,它们允许不同层级或者独立的HTML文档之间进行通信。这篇博客文章《子页面访问父页面 和 跨iframe访问》(链接已提供)深入探讨了这两个主题。 首先,让...

    解决双iframe互相刷新进入死循环的问题

    当两个iframe A和B相互引用并试图重载对方时,比如A中的脚本加载了B,而B中的脚本又加载了A,就会形成一个循环引用。每次重载都会触发页面重新渲染,这个过程持续不断,就形成了所谓的"endless loop"。 解决这个...

    iframe兄弟页面相互调用

    通过这两个属性,我们可以访问到其他`iframe`或父页面的全局对象,进而调用其中的方法或读取变量。 2. **利用`postMessage`和`message`事件:** HTML5引入了`postMessage`API,允许不同源的页面之间安全地传递数据...

    iframe和父窗口通讯实例

    而关于`iframe`与父窗口之间的通信,是Web开发中的一个重要概念,它允许两个独立的上下文之间进行数据交换,即`iframe`内容与包含它的父页面进行互动。 在`iframe`和父窗口通信的过程中,主要涉及以下几个知识点: ...

    单点登录跨域iframe互相通信方案.zip

    - **Window.postMessage()**:这是HTML5引入的一种安全的跨文档消息传递方法,允许来自不同源的iframe与父窗口或另一个iframe通信。 - **事件监听**:设置事件监听器来接收和响应来自其他源的消息。 - **Origin...

    解决同一页面中两个iframe互相调用jquery,js函数的方法

    以上就是解决同一页面中两个iframe互相调用jquery,js函数的方法的详细解释。希望这篇文章能够帮助大家在进行Web开发时,更好地处理iframe之间的交互问题。同时,请多支持相关的技术分享,为更多的开发者提供帮助。

    iframe父向子传值实例.rar

    然而,由于浏览器的同源策略限制,`iframe`内的页面与包含它的父页面在不同源时,不能直接访问彼此的DOM或JavaScript变量,这就引出了"iframe父向子传值"的问题。 在标题"iframe父向值实例.rar"和描述中提到的解决...

    unigui_网页iframe交互

    IFrame有自己的源属性(src),可以指向一个URL,这样用户就可以在不离开主页面的情况下访问其他页面或内容。IFrame通常用于显示广告、地图、视频等第三方内容,或是实现页面分层展示,提高网页动态性。 3. Unigui...

    web前端iframe相互调用方法详解

    即,子页面通过父页面访问另一个iframe中的内容。具体做法是通过父页面中对应的iframe的name属性或者id属性来获取该iframe的DOM对象,然后调用其contentWindow对象的相应方法。例如,在childPage1.html中调用...

    通过伪协议解决父页面与iframe页面通信的问题

    在Web开发中,有时我们需要实现父页面与嵌入其中的iframe页面之间的通信,以便于数据交换、事件处理或用户交互。然而,由于浏览器的安全限制,尤其是同源策略,这种通信可能会遇到权限问题。本文主要讨论如何通过伪...

    网站资料_传值,IFRAME

    在网页开发中,"传值"和"IFRAME"是两个重要的概念,它们都是构建交互式和复杂网站的关键技术。下面将详细解释这两个概念及其相互关系。 首先,"传值"是指在网页的不同部分之间或者不同网页之间传递数据的过程。在...

    页面中iframe相互传值传参

    值得注意的是,在早期IE和Firefox中,由于安全和隐私的考虑,跨域的iframe之间可能无法互相访问。这就要求两个页面必须拥有相同的域名、协议或端口,否则将受到同源政策的限制。在实现跨域交互时,可能需要服务器端...

    iframe-cross-domain.rar

    跨域限制源于同源策略(Same-Origin Policy),它是Web安全的基础,规定了只有来自相同协议、主机和端口的页面才能互相访问彼此的JavaScript API。而当iframe加载的页面与包含它的页面不在同一源时,JavaScript无法...

    跨域传值即主页面与iframe之间互相传值

    【跨域传值】是指在Web开发中,由于同源策略的限制,主页面与不同源的`iframe`之间无法直接进行数据交换。但通过一些技术手段,开发者可以实现主页面与`iframe`之间的通信,以达到数据共享的目的。本文将详细介绍两...

    两个JSP页面父页面获取子页面内容的两种方法

    如果父页面和子页面不是同源的,浏览器的同源策略将会阻止他们之间进行Ajax请求或通过iframe互相访问。在这种情况下,需要服务器端支持CORS(跨源资源共享)策略,或者通过服务器端进行代理请求,来实现跨域的数据...

    Javscript调用iframe框架页面中函数的方法__1.docx

    下面是一个完整的例子,展示了在两个页面间互相调用函数的场景: **index.html**: ```html <!DOCTYPE html> function ff(){ alert("this is index's js function index.html"); } ;"> This is index page. ...

    js iframe跨域访问(同主域/非同主域)分别深入介绍

    举个例子,如果主域名是***,子域名是***和***,通过将两个页面的document.domain均设置为"***",这两个子域名下的页面就可以互相访问对方的内容。对于父页面访问子页面,可以通过document.getElementById("myframe...

    jQuery取得iframe中元素的常用方法详解

    这两个方法都是在父页面中访问`iframe`内元素的方式。`frames`集合是基于框架名称,而`contentWindow`则获取到`iframe`的窗口对象,进一步访问其文档对象。 3. **显示`iframe`中`body`元素的内容**: ```...

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

    如果跨域,这种通信将会受到限制,除非两个页面都明确允许跨域资源共享(CORS)。此外,现代浏览器提供了`postMessage`和`message`事件,提供了一种安全的跨域通信方式,这在处理跨域`iframe`通信时更为推荐。

    JS操作iframe里的dom(实例讲解)

    - 默认情况下,由于同源策略的限制,不同源的`iframe`不允许互相访问彼此的DOM。如果`iframe`的源与主页面不同,那么上述操作将受到限制,除非服务器设置适当的CORS(跨源资源共享)头来允许跨域通信。 5. **安全...

Global site tag (gtag.js) - Google Analytics