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

发布时间:2020-07-10编辑:脚本学堂
本文介绍下,用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框架:
 

<iframe src=”test.html” id=”iframe1″ width=”700″ height=”300″ frameborder=”0″ scrolling=”auto”></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.jb200.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属性。