iframe操作讲解(怎样用jQuery 操作IFRAME)

本文目录
怎样用jQuery 操作IFRAME
DOM方法:
父窗口操作其下的IFRAME:window.frames[“iframeName“].document
或者直接写frames[“iframeName“].document
IFRAME操作父窗口: window.parent.document
或者直接写parent.document
jquery方法:
在父窗口中操作 其下IFRAME中的元素: $(window.frames[“iframeName“].document).find(”:text”);
在IFRAME中操作 选中父窗口中的所有输入框:$(window.parent.document).find(”:text”);
使用find可以找到自己想要的东东。
想要找到同级的iframe,可以用$(parent.frames[“iframeName“]).find(“xxxxxx“)
细心的朋友一下就能理解,原理其实很简单,就是用到了$(DOM对象)转换成jquery对象。
jquery怎么操作iframe
使用jquery操作iframe
1、 内容里有两个ifame
《iframe id=“leftiframe“...《/iframe》
《iframe id=“mainiframe..《/iframe》
leftiframe中jQuery改变mainiframe的src代码:
$(“#mainframe“,parent.document.body).attr(“src“,“http://www.radys.cn“)
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()
参考:http://www.cnblogs.com/xyicheng/archive/2010/02/26/1674017.html
jquery iframe操作详细解析
使用jquery操作iframe
1、
内容里有两个ifame
《iframe
id=“leftiframe“...《/iframe》
《iframe
id=“mainiframe..《/iframe》
leftiframe中jQuery改变mainiframe的src代码:
$(“#mainframe“,parent.document.body).attr(“src“,“它表示对顶层框架的引用,这可以用来判断一个框架自身是否为顶层框架,例如:
//判断本框架是否为顶层框架
if(self==top){
//dosomething
}
如何操作iframe 中某些元素
直接调用iframe对象的document就可以,方法和document里的一样。不过注意,如果iframe是跨越引用的,会受到限制,不能访问其中内容。也就是你不能引用百度的页面,篡改其中的内容,只能改自己网站的。varmydoc=document.getElementById(“myifr

更多文章:
dropdownlist 绑定(DropDownList 绑定所有项 并 显示指定项)
2026年10月11日 08:50
易语言网页api接口怎么调用(易语言,怎么读取网页json的api)
2026年10月11日 08:00
majority of(the majority of 和 a majority of的区别以及用法例句)
2026年10月11日 07:40
another time(another time和other time的区别)
2026年10月11日 05:00






