Rumah  >  Artikel  >  hujung hadapan web  >  jQuery控制iFrame(实例代码)_jquery

jQuery控制iFrame(实例代码)_jquery

WBOY
WBOYasal
2016-05-16 17:14:211413semak imbas

用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")

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn