JS中Iframe之间传值的方法

1.在iframe子页面中获取父页面的元素：

    a>window.parent.document这个是获取父页面document中的对象；

    b>如果要获取父页面js中的方法：window.parent.xxxx（）；xxxx()为方法；

2.在父页面中获取iframe子页面中的元素：

   a>

     var child = document.getElementByIdx_x("mainFrame").contentWindow;//mainFrame这个id是父页面iframe的id

     child.document;//获取子页面中的document对象；

 

 

DOM方法：
父窗口操作IFRAME：window.frames["iframeSon"].document
IFRAME操作父窗口: window.parent.document

jquery方法:
在父窗口中操作 选中IFRAME中的所有输入框： $(window.frames["iframeSon"].document).find(”:text”);
在IFRAME中操作 选中父窗口中的所有输入框：$(window.parent.document).find(”:text”);

iframe框架的HTML：<iframe src=”test.html” id=”iframeSon” width=”700″ height=”300″ frameborder=”0″ scrolling=”auto”></iframe>
细心的朋友一下就能理解，原理其实很简单，就是用到了$(DOM对象)转换成jquery对象。