jQuery控制IFRAME

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對象。

用jQuery在IFRAME裏取得父窗口的某個元素的值
只好用DOM方法與jquery方法結合的方式實現了
1.在父窗口中操作 選中IFRAME中的所有單選鈕
$(window.frames["iframe1"].document).find(”input[@type='radio']“).attr(”checked”,”true”);
2.在IFRAME中操作 選中父窗口中的所有單選鈕
$(window.parent.document).find(”input[@type='radio']“).attr(”checked”,”true”);
iframe框架的:
<iframe src=”test.html” id=”iframe1″ width=”700″ height=”300″ frameborder=”0″ scrolling=”auto”></iframe>
IE7中測試通過
代碼:
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章