js/jquery 操作iframe的几种方法

文章转自：http://blog.csdn.net/liujs_vb/article/details/7544779 or http://hi.baidu.com/shuzheng/item/b0e461c1a92cb6c3984aa084

iframe在复合文档中经常用到，利用jquery操作iframe可以大幅提高效率，这里收集一些基本操作

对于iframe框架：

<iframe src="test.html" id="iframeSon" width="700″ height="300″ frameborder="0″ scrolling="auto"></iframe>

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

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

对于iframe框架的：
<iframe src="test.html" id="iframe1″ width="700″ height="300″ frameborder="0″ scrolling="auto"></iframe>

1.在父窗口中操作 选中IFRAME中的所有单选钮
$(window.frames["iframe1"].document).find("input[@type='radio']").attr("checked","true");
2.在IFRAME中操作 选中父窗口中的所有单选钮
$("#iframeId",parent.document.body).find("input[@type='radio']").attr("checked","true");