iframe父子页面函数调用（元素访问）

父页面代码

<! DOCTYPE  HTML> < html > < head > < meta  charset="utf-8"> < title >无标题文档</ title > < script  type="text/javascript" src="jquery-1.4.4.min.js"></ script > </ head >   < body >      < div  class="f_div">父页面内容</ div >      < iframe  name='if1' src="1.html" width="300" height="400"></ iframe >      < script >          $(function(){              $('iframe').load(function(){ //确保子页面完成加载                  alert($('iframe').contents().find('.c_div').html());                                  alert($('.c_div',window.frames["if1"].document).html());//另一方法              });                        });      </ script > </ body > </ html >

 子页面代码

<! DOCTYPE  HTML> < html > < head > < meta  charset="utf-8"> < title >无标题文档</ title > < script  type="text/javascript" src="jquery-1.4.4.min.js"></ script > </ head >   < body >      < div  class="c_div">子页面内容</ div >      < script >          $(function(){              alert($('.f_div',parent.document).html());                   });      </ script > </ body > </ html >

父iframe调用子页面函数：

document.getElementById('childIframeId').contentWindow.clearAll();

clearAll():子iframe中的函数。

父页面访问子页面元素（id、class）

id：

$('#TreatFrame').contents().find('#cid').val();

cid：子页面某个id。

子iframe调用父函数方法：parent.fatherFunction();