iframe父窗口和子窗口的相互取值

在一个窗口(父窗口,假设是a窗口)中,新加一个div.代码如下:

<div id="show_invoice_input" style="display: none">
<input type="hidden" id="el_invoiceId" />
<iframe name="invoice-input-iframe" id="invoice-input-iframe" src="" width="100%"
height="100%" style="border:0px none;"></iframe>
</div>

通过src=" "发送请求,生成子窗口,使用ExtJS得到该元素并且发送一个请求的方法是:

 Ext.get('invoice-input-iframe').dom.src='invoice!edit.do?id='+$("#val_invoiceId").val();其中invoice-input-iframe是上面一段代码声明的iframe的id

跳到子窗口页面.在子窗口页面获取父窗口的元素的value值的方法是(ltl_telnumber是父窗口的一个元素的id):

var tel = parent.document.getElementById("ltl_telnumber").value;

在父窗口中,得到子窗口的元素的value值的方法是(假设val_entityId为子窗口的一个元素的id):

var dom_child_iframe ;          //声明一个变量,保存子窗口这个元素
//浏览器兼容性考虑
var explorer = window.navigator.userAgent ;
//ie 在IE浏览器中
if (explorer.indexOf("MSIE") >= 0) {
dom_child_iframe = document.frames["invoice-input-iframe"];
}else { //在火狐,谷歌浏览器中
dom_child_iframe = document.getElementById("invoice-input-iframe").contentWindow;
}  
var child_invoiceId = dom_child_iframe.document.getElementById("val_entityId").value;//得到子窗口中的id为val_entityId的元素的value值.