IT技术互动交流平台

jQuery对iframe框架的一些简单操作

作者:jQuery吧  发布日期:2012-12-28 15:39:51

现在越来越多的公司使用jQuery了,刚好再最近前端开发项目中用到iframe框架,整理一些操作。

1、 内容里有两个iframe

<iframe id="leftiframe">jQuery吧</iframe>
<iframe id="mainiframe">jQuery博客</iframe>
leftiframe中jQuery改变mainiframe的src代码:

$("#mainframe",parent.document.body).attr("src","http://www.it165.net/")

2、 如果内容里面有一个ID为mainiframe的ifame

<iframe id="mainifame">前端开发</iframe>
iframe包含一个someID

<div id="someID">jQuery</div>
得到someID的内容

  $("#mainiframe").contents().find("someID").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")

4、 如上面所示
leftiframe中的jQuery操作mainiframe的内容someID的内容

$("#mainframe",parent.document.body).contents().find("someID").html()
//$("#mainframe",parent.document.body).contents().find("someID").val()或者


Tag标签: jQuery   iframe框架  
  • 专题推荐

About IT165 - 广告服务 - 隐私声明 - 版权申明 - 免责条款 - 网站地图 - 网友投稿 - 联系方式
本站内容来自于互联网,仅供用于网络技术学习,学习中请遵循相关法律法规