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:
细心的朋友一下就能理解,原理其实很简单,就是用到了$(DOM对象)转换成jquery对象。


你可能感兴趣的:(js)