IT技术学习网
IT技术学习网
您的位置: 主页 > 编程技术 > javascript >

jquery操作iframe

2014-11-12 18:40 来源: IT技术学习网 阅读:
1、 内容里有两个ifame
<iframe id=”leftiframe”…</iframe>
<iframe id=”mainiframe..</iframe>
leftiframe中jQuery改变mainiframe的src代码:
$(“#mainframe”,parent.document.body).attr(“src”,”http://www.itjsxx.com")

2、 如果内容里面有一个ID为mainiframe的ifame
<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()值

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()

jquery操作iframe
转载需注明出处:IT技术学习网 http://www.itjsxx.com/javascript/jquery_iframe.html

评论文章 jquery操作iframe
评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
IT技术学习网 - 关于我们 - 联系我们 - 版权声明 - 网站地图