通过A这个桥梁来访问B和C

转载于 2013-09-18 11:02:39 发布 · 728 阅读

JS使用方法摘录专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一个简单的iframe间通信方案，即通过父页面作为桥梁实现子iframe间的互相访问。该方法适用于需要多个iframe协同工作的场景，如单页应用中的模块集成等。

页面A包含B和C两个iframe
则B与C要相互访问都可以使用parent.访问A，通过A这个桥梁来访问B和C
A页面
function getC(){
    return document.getElementById("C");
}
function getB(){
    return document.getElementById("B");
}
<iframe id="B" allowtransparency="true" scrolling="no" frameborder="0" src="/b.jsp"></iframe>
<iframe id="C" allowtransparency="true" scrolling="no" frameborder="0" src="/c.jsp"></iframe>

B页面
function getmyc(){
    var c=parent.getC().myc.innerHtml;
    alert(c);

}
<div id="myb">bbbb</div>

C页面
<div id="myc">cccc</div>