首页 >web前端 >js教程 >jQuery控制iFrame(实例代码)_jquery

jQuery控制iFrame(实例代码)_jquery

WBOY
WBOY原创
2016-05-16 17:14:211462浏览

用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