源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

jQuery控制iFrame(实例代码)

  • 时间:2021-08-27 01:40 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:jQuery控制iFrame(实例代码)
用jQuery在IFRAME里取得父窗口的某个元素的值 只好用DOM方法与jquery方法结合的方式实现了 [b]1.在父窗口中操作 选中IFRAME中的所有单选钮 [/b]$(window.frames["iframe1"].document).find(”input[@type='radio']“).attr(”checked”,”true”); [b]2.在IFRAME中操作 选中父窗口中的所有单选钮 [/b]$(window.parent.document).find(”input[@type='radio']“).attr(”checked”,”true”); [b]iframe框架的:[/b] <iframe src=”test.html” id=”iframe1″ width=”700″ height=”300″ frameborder=”0″ scrolling=”auto”></iframe> [b]IE7中测试通过[/b] 代码:
[u]复制代码[/u] 代码如下:
<!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</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 [b]1、内容里有两个ifame[/b] <iframe id="leftiframe"...</iframe> <iframe id="mainiframe..</iframe> leftiframe中jQuery改变mainiframe的src代码: $("#mainframe",parent.document.body).attr("src","http://www.1sucai.cn") [b]2、如果内容里面有一个ID为mainiframe的ifame [/b]<iframe id="mainifame"...></ifame> ifame包含一个someID <div id="someID">you want to get this content</div> 得到someID的内容 $("#mainiframe").contents().find("someID").html() html 或者 $("#mainiframe").contains().find("someID").text()值 [b]3、在父窗口中操作 选中IFRAME中的所有单选钮[/b] $(window.frames["iframe1"].document).find("input[@type='radio']").attr("checked","true"); 那选择id自然就是依然使用find方法 $(window.frames["iframe1"].document).find("#id")
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部