首先说明下，iframe通信 分为：同域通信 和 跨域通信。
一、
所谓同域通信是指 http://localhost/demo/iframe/iframeA.html 下的a.html页面嵌套 iframe
比如： 页面</a>，这两个<a href="/tag/yemian/" target="_blank" class="keywords">页面</a>数据进行通信，比如我想在父<a href="/tag/yemian/" target="_blank" class="keywords">页面</a>A.html <a href="/tag/diaoyong/" target="_blank" class="keywords">调用</a>子<a href="/tag/yemian/" target="_blank" class="keywords">页面</a>当中的<a href="/tag/hanshu/" target="_blank" class="keywords">函数</a> 我们很容易想到或者google下 <code>document.getElementById('iframeA').contentWindow.b(); </code>这种<a href="/tag/fangfa/" target="_blank" class="keywords">方法</a>，其中b 是子<a href="/tag/yemian/" target="_blank" class="keywords">页面</a>B.html中的一个<a href="/tag/hanshu/" target="_blank" class="keywords">函数</a>。但是这样<a href="/tag/diaoyong/" target="_blank" class="keywords">调用</a>下有个问题我纠结了很久，就是既然在火狐下报这样的<a href="/tag/cuowu/" target="_blank" class="keywords">错误</a>,如下：</p> <p style="text-align: center"><p class="pic_center"><img src="https://files.jb51.cc/file_images/article/201608/2016824170414765.png?201672417425" /></p></p> <p>b不是个<a href="/tag/hanshu/" target="_blank" class="keywords">函数</a> 但是我在子<a href="/tag/yemian/" target="_blank" class="keywords">页面</a>明明定义了这么一个<a href="/tag/hanshu/" target="_blank" class="keywords">函数</a>，那么为什么会报这样的<a href="/tag/cuowu/" target="_blank" class="keywords">错误</a>呢？经过仔细分析及google，发现有这么一个问题需要理解，当iframe没有加载完成后 我就去执行这个js会报这样的<a href="/tag/cuowu/" target="_blank" class="keywords">错误</a>，所以就试着在火狐下 用<code>iframe.onload </code>这个<a href="/tag/hanshu/" target="_blank" class="keywords">函数</a> 进行测试，果然没有报错，是正确的 所以就确定是这个问题。所以就想写个兼容IE和火狐 google写个<a href="/tag/hanshu/" target="_blank" class="keywords">函数</a> 来确定iframe已经加载完成！，其实给个回调<a href="/tag/hanshu/" target="_blank" class="keywords">函数</a>来<a href="/tag/diaoyong/" target="_blank" class="keywords">调用</a>我们上面的<a href="/tag/fangfa/" target="_blank" class="keywords">方法</a>。</p> <p><h3>综合上面的思路 就可以写个这样的<a href="/tag/daima/" target="_blank" class="keywords">代码</a>：</h3></p> <div class="jb51code"> <pre class="brush:xhtml;"> <iframe src="http://localhost/demo/iframe/iframeB.html" id="iframeA" name="iframeA">
