首頁  >  文章  >  web前端  >  jQuery控制iFrame(实例代码)_jquery

jQuery控制iFrame(实例代码)_jquery

WBOY
WBOY原創
2016-05-16 17:14:211414瀏覽

用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框架的:

IE7中测试通过

代码:

复制代码 代码如下:




    jQuery控制iframe
   
   












使用jquery操作iframe

1、内容里有两个ifame

leftiframe中jQuery改变mainiframe的src代码:
$(">

2、如果内容里面有一个ID为mainiframe的ifame

$("#mainiframe").contents().find("someID").html() html 或者 $("#mainiframe").contains().find("someID").text()值

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

那选择id自然就是依然使用find方法
$(window.frames["iframe1"].document).find("#id")

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn