JQUERY 获取IFrame中对象及获取其父窗口中对象示例

最新推荐文章于 2022-05-26 16:11:53 发布
原创 最新推荐文章于 2022-05-26 16:11:53 发布 · 870 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#iframe
本文介绍了如何在父窗口与iframe之间进行元素交互的方法。包括在父窗口中获取并操作iframe内的元素，以及从iframe内部访问父窗口的元素。
经常会用到iframe，难免会碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素。

 在web开发中，经常会用到iframe，难免会碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素 
在父窗口中获取iframe中的元素 
格式：$("#iframe的ID").contents().find("#iframe中的控件ID").click(); 
实例：$("#ifm").contents().find("#btnOk").click(); 

在iframe中获取父窗口的元素 
格式：$('#父窗口中的元素ID', parent.document).click(); 
实例：$('#btnOk', parent.document).click();
jquery获取iframe中的dom对象(两种方法)
10-27
本文为大家详细介绍下父窗口中操作iframe、在子窗口中操作父窗口，获取iframe内的dom对象有两种方法，感兴趣的朋友可以了解下哈，希望对大家有所帮助
JQUERY 获取IFrame中对象或者在Iframe中获取父窗口中对象
技术专栏
08-18 1497
在web开发中，经常会用到iframe，难免会碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素 在父窗口中获取iframe中的元素  格式：$("#iframe的ID").contents().find("#iframe中的控件ID").click(); 实例：$("#ifm").contents().find("#btnOk").click();
Jquery中获取iframe的代码(window.top.parent)
java程序员的蜕变之路
07-28 1万+
父窗口中操作iframe：window.frames["iframeChild"].document //假如iframe的id为iframeChild 在子窗口中操作父窗口：window.parent.document 那么，用如果想用jquery的方法，我们怎么用jquery来获取iframe呢？下面是一下收集来的方法。 获取页面的对象其实就是dom方法外面加上jquery的选择符
JQuery中easyui获取tab页对象以及获取获取tab页对象下的iframe对象跟指定tab页对象隐藏
cx136295988的博客
11-09 8326
JQuery中easyui获取tab页对象以及获取获取tab页对象下的iframe对象和指定tab页对象隐藏 $('#mytabs').tabs( {   onSelect : function() {   var tab = $('#mytabs').tabs('getSelected');            zgoto(tab.panel('options').title);
获取当前操作的IFrame 对象的方法
weixin_34025051的博客
03-27 1913
分两种情况：第一种：获取iframe对象的JS函数在父页面上，如下 function getIframeByElement(element){ var iframe; $("iframe").each(function(){ if(element.ownerDocument === this.contentWindow.document) { ...
Jquery Javascript 取得iframe中元素的几种方法
热门推荐
一米阳光
09-19 11万+
<br />query取得iframe中元素的几种方法<br /> <br />在iframe子页面获取父页面元素<br /> 代码如下:<br /><br /> $('#objId', parent.document);<br /> // 搞定...<br /><br /><br /> 在父页面 获取iframe子页面的元素<br /> 代码如下:<br /><br /> $("#objid",document.frames('iframename').document)<br /> <br
jquery/js 获取iframe父、子窗口的元素
Baby_加油_的博客
01-24 7219
js 在父窗口中获取iframe中的元素
iframe子父窗口的相互调用
weixin_44037153的博客
05-26 4730
iframe在复合文档中经常用到，利用jquery操作iframe可以大幅提高效率，这里收集一些基本操作 doc方法：父窗口操作iframe：window.frames[“iframeSon”].document iframe操作父窗口: window.parent.document jquery方法:在父窗口中操作 选中iframe中的所有输入框： $(window.frames[“iframeSon”].document).find(“:text”); 在iframe中操作 选中父窗口中的所有输入框：$
iframe里面的样式_Jquery获取iframe内部元素属性 改变样式
weixin_39622084的博客
12-19 1945
1. 在index.html执行JS直接访问:JavaScript代码document.getElementByIdx_x('koyoz').contentWindow.document.getElementByIdx_x('test').style.color='red'通过在index.html访问ID名为'koyoz'的iframe页面,并取得此iframe页面内的ID为'test'的对象...
jQuery获取iframe内的DOM对象并提交iframe的表单
tanghier的专栏
10-16 783
DOM获取页面中的iframe: window.frames["iframeChild"].document    //假如iframe的id为iframeChild window.parent.document    //在子窗口中操作父窗口     获取页面的对象其实就是DOM方法外面加上jquery的选择符： $(window.frames["iframeChild"].do
jQuery获取iframe内的DOM对象
peterlu20110415的专栏
02-15 2217
DOM获取页面中的iframe: 1 window.frames["iframeChild"].document    //假如iframe的id为iframeChild 2 window.parent.document    //在子窗口中操作父窗口 获取页面的对象其实就是DOM方法外面加上jquery
Js/Jquery获取iframe中的元素（window、document）
menghuanzhiming的博客
12-09 4229
参考地址： Window frames 属性：https://www.runoob.com/jsref/prop-win-frames.html jQuery 遍历 - contents() 方法：https://www.w3school.com.cn/jquery/traversing_contents.asp 获取iframe中的window对象： //js document.getEle...
Jquery中获取iframe的方法
gaotongzhao的专栏
09-01 674
在一下网页中，一些人会用到iframe，dom获取页面中的iframe还是很简单的： 父窗口中操作iframe：window.frames["iframeChild"].document    //假如iframe的id为iframeChild 在子窗口中操作父窗口：wind
Jquery-获取iframe中的dom对象
06-24 211
父窗口中操作iframe： $(window.frames["iframeChild"].document) //假如iframe的id为iframeChild 在子窗口中操作父窗口： $(window.parent.document) 接下来就可以继续获取iframe内的dom了。 获取iframe内的dom对象有两种方法 1 $(wi...
Jquery 获取iframe中的元素
hudeyong926的专栏
07-21 2046
由于公司项目开发中，经常会用到iframe，难免会碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素。 在iframe中获取父窗口的元素 // 格式： $('#父窗口中的元素ID',parent.document).click(); // 实例： $('#btnOk',parent.document).click(); 在父窗口中获取iframe中的元素 // 格式： $("#iframe的ID").contents().find("#iframe中...
使用JQuery控制iframe自适应窗口大小
lntlky的专栏
06-06 4645
最近遇到iframe自适应窗口大小的问题，最后用决定使用jquery解决问题。代码如下：  $(function(){ //注册加载事件 $("#rightFrame").load(pagestyle); //注册窗体改变大小事件 $(window).resize(pagestyle);});//调用函数var pagestyle = function (){
Js/Jquery获取iframe中的元素 在Iframe中获取父窗体的元素方法
dezmg8616的博客
09-10 328
Js/Jquery获取iframe中的元素 在Iframe中获取父窗体的元素方法 在web开发中，经常会用到iframe，难免会碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素 js 在父窗口中获取iframe中的元素 1...
jq修改iframe html代码,jquery 操作iframe的几种方法总结
weixin_35012566的博客
06-03 1330
iframe在复合文档中经常用到，利用jquery操作iframe可以大幅提高效率，这里收集一些基本操作DOM方法：父窗口操作IFRAME：window.frames["iframeSon"].documentIFRAME操作父窗口: window.parent.documentjquery方法:在父窗口中操作 选中IFRAME中的所有输入框： $(window.frames["iframeSon...
php获取iframe元素,jQuery获取iframe元素
weixin_35440082的博客
04-02 219
这次给大家带来jQuery获取iframe元素，jQuery获取iframe元素的注意事项有哪些，下面就是实战案例，一起来看一下。jquery取得iframe中元素的几种方法：在iframe子页面获取父页面元素代码如下:$('#objId', parent.document);搞定...在父页面 获取iframe子页面的元素：$("#objid",document.frames('iframena...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值