链接： http://www.cnblogs.com/duankaige/archive/2012/09/20/2695012.html

一、iframe的使用主要有一下几个方面：

说明：父页面指主页面，子页面指ifrme页面。调用包括html dom，js变量，js方法的调用
1、父页面调用ifrme子页面
2、ifrme子页面调用父页面

3、ifrme子页面相互调用

二、主要知识点：

1、iframe子页面调用父页面的js函数：

window.parent.func();//在iframe页面通过parent可以获得主页面的window，接着就可以正常访问父亲页面的元素了
window.parent.document.getElementById("test").value;//js写法

$(window.parent.document).contents().find("test").val();//jquery的写法

2、父页面调用iframe子页面的js函数

document.getElementById("iframe").contentWindow.func();//得到iframe对象后，就可以通过contentWindow得到iframe包含页面的window对象，然后就可以正常访问iframe子页面元素了；
$("#ii")[0].contentWindow  //如果用jquery选择器获得iframe，需要加一个【0】；
$("#ii")[0].contentWindow.$("#dd").val() 
$("#ii")[0].contentWindow.hellobaby="testValue"; //可以通过这种方式向iframe页面传递参数，在iframe页面window.hellobaby就可以获取到值，hellobaby是自定义的变量；

3、同级iframe页面之间的调用：

parent.$("#iframe2")[0].contentWindow.ff; //同级iframe页面之间调用，需要先得到父页面的window，然后调用同级的iframe得到window进行操作；

三、使用笔记：

1、iframe子页面相当于一个新的页面，引不到父页面的js和css文件，需在子页面中重新引入才行，不同于div块的引入。

2、iframe子页面可以通过parent.，window.parent.引用到父页面中的js变量等元素进而进行操作。

四、iframe问题

链接：http://www.phpzixue.cn/detail949.shtml