教程集 > jQuery > jquery 教程 > 正文 Jquery控制iFrame取得父窗口中元素值的代码

Jquery控制iFrame取得父窗口中元素值的代码

发布时间：2015-10-21 编辑：jiaochengji.com

本文介绍下，用Jquery控制iframe，以取得父窗口中某个元素值的方法，有需要的朋友，参考下吧。

jquery实现在IFRAME中，取得父窗口的某个元素的值，jquery结合dom来实现此功能。

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中测试通过。

代码如下：

复制代码代码示例:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml" >

    <head>

        <title>jQuery控制iframe_www.jbxue.com</title>

        <script type="text/ecmascript" src="../js/jquery-1.2.6.js"></script>

        <script type="text/javascript">

            $(function(){

                $("#t1").hover(function(){alert('');});

                //$("iframe").contents().find("body").append("I'm in an iframe!"); 

                //$(window.frames["iframe1"].document).find("input[@type='text']").attr("size","30px");

                //$("#iframe1").contents().find("#d1").css('color','red');

                //$(window.frames["iframe1"].document).find("input[@name='t1']").css({background:"#369"});

                //$("#iframe1").src("test.html");

            });

        </script>

    </head>

    <body>

    <div>

    <input type="text" id="t1" />

    <iframe id="iframe1" src="child.htm"></iframe>

    <iframe src="child.htm" width="300" height="100"></iframe>

    </div>

    <div>

    </div>

    </body>

    </html>

附，jquery在父页面刷新iframe

$("#ImageUpload").attr("src", $("#ImageUpload").attr("src"));
$("#ImageUpload2").attr("src", $("#ImageUpload2").attr("src"));

分析：主要是重新设置下iframe的src属性。

您可能感兴趣的文章：
js与jquery获取父窗口、子窗口中iframe的方法
 JQUERY 获取IFrame中对象及获取其父窗口中对象示例
 如何用Jquery判断iframe中元素是否存在
 Jquery控制iFrame取得父窗口中元素值的代码
 jQuery控制iFrame(实例代码)
解析jquery获取父窗口的元素
 javascript操作iframe方法举例
 jquery获取iframe中的dom对象(两种方法)
iframe子页面获取父页面元素的方法
 解析Jquery取得iframe中元素的几种方法

上一篇：Jquery更换主题同时刷新iframe页面的代码举例下一篇：jquery刷新页面代码及js常用函数汇总

[关闭]

Jquery控制iFrame取得父窗口中元素值的代码

最近更新

浏览排行