iframe与主框架跨域相互访问实现方法

1.同域相互访问

假设A.html 与 b.html domain都是localhost （同域） A.html中iframe 嵌入 B.html，name=myframe A.html有js function fMain() B.html有js function fIframe() 需要实现 A.html 调用 B.html 的 fIframe()，B.html 调用 A.html 的 fMain()

A.html

rush:xhtml;"> <Meta http-equiv="content-type" content="text/html; charset=utf-8">

<script type="text/javascript">
// main js function
function fMain(){
alert('main function execute success');
}

// exec iframe function
function exec_iframe(){
window.myframe.fIframe();
}

A.html main

B.html

rush:xhtml;"> <Meta http-equiv="content-type" content="text/html; charset=utf-8">

<script type="text/javascript">
// iframe js function
function fIframe(){
alert('iframe function execute success');
}

// exec main function
function exec_main(){
if(typeof(exec_obj)=='undefined'){
exec_obj = document.createElement('iframe');
exec_obj.name = 'tmp_frame';
exec_obj.src = 'http://localhost/execA.html';
exec_obj.style.display = 'none';
document.body.appendChild(exec_obj);
}else{
exec_obj.src = 'http://localhost/execA.html?' + Math.random();
}
}

B.html iframe

execA.html

rush:js;"> <Meta http-equiv="content-type" content="text/html; charset=utf-8">

执行如下图：

源码下载地址：