iframe中获取父元素的window对象

最新推荐文章于 2024-10-15 12:33:11 发布
最新推荐文章于 2024-10-15 12:33:11 发布
阅读量1.1w 收藏 2
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wenjianjun95/article/details/52711696
版权

1. 父窗体获取iframe的window对象

     var mainFrame = document.getElementById("myFrame");

var subDocument = mainFrame.contentDocument || mainFrame.contentWindow.document;

 

2. iframe中获取父窗体window对象

 window.parent
3. 父窗体中获取iframe中的元素

$('iframe的id').contents()

风吹_淡淡凉
关注
JS 在iframe子页面中调用和获取iframe父页面的方法和元素，以及在firame父页面中调用和获取iframe子页面的方法和元素
旭东怪的博客
09-19 8023
1、在子iframe中调用父窗口的方法 test()是父窗口中的方法。 window.parent.test(); 2、在子iframe中获取父窗口的元素 test是父窗口中的元素。 $("#test",window.parent.document).val(); $("#test",parent.document).val(); ...
父元素与子iframe相互获取变量和元素对象的具体实现
12-03
父中: 代码如下: <input id=”username”type=”text” /> [removed] var count = 1; [removed] ————————————————————- 子iframe中: ...//获取父中jQuery对象 alert(window.parent.docume
iframe 内部获取 父级窗口 window对象
TGODS
05-24 4331
在iframe中，要获取父级的window对象： 1、 window.parent 获取 父级的 window对象 2、window.top 获取 最顶层父级的 window对象
iframe子窗口调用父窗口的方法与window.open打开新页面调用前窗口的方法
最新发布
Ly250821的博客
10-15 155
iframe和window.open
iframe页面中获取window对象及上一级window对象
qq_42931285的博客
12-08 5069
iframe页面中获取window对象及上一级window对象
iframe子页面获取父页面元素和window对象
weixin_30878501的博客
06-22 875
　　项目中发现要在iframe的弹框中获取父页面中的元素，我们可以按照如下代码操作：$(window.parent.document).find('selector').attr('XXX') 　　如果我们需要获取父页面的window对象，我们可以使用如下代码操作：window.parent.location.hash 　　如果我们获取的是最顶层的页面，那么我么可以通过window.top来实...
java获取iframe,iframe如何获取父级页面的变量亦或者window对象？
weixin_28347369的博客
03-12 1600
一、同源环境1、首先在父页面获取iframe中的window，然后获取元素，根据window，不仅可以获取元素，还能调用里面的方法，前提是绑定在window上面var ifW = $('#ifr')[0].contentWindow;ifW.document.getElementsByClassName('wrap')2、在iframe中获取父页面的window1window.parent3、那么...
iframe子页面获取父页面元素的方法
12-09
在网页开发中，有时我们需要在`iframe`子页面与父页面之间进行交互，例如获取或操作对方的DOM元素。这通常涉及到跨文档通信，因为`iframe`子页面被视为一个独立的文档，它有自己的窗口对象和文档对象模型（DOM）。...
在Iframe中获取父窗口中表单的值(示例代码)
09-04
由于`aa.asp`是在Iframe中运行，因此需要使用`parentWindow`属性来访问父窗口的`document`对象。然后，我们可以使用`getElementsByName`方法找到`BH`输入框，并检查其`value`属性是否为空字符串。 示例代码如下： ...
使用jquery/js获取iframe父子级、同级获取元素的方法
10-21
在iframe内部，可以通过window.parent来引用父窗口的window对象，进而使用document.getElementById()来获取父窗口中元素的引用，例如： ```javascript window.parent.document.getElementById("父窗口的元素ID")....
子窗口获取父页面对象
L-BAKE
01-07 1608
<br />js里：在父页面通过：<br />  var url = __CONTEXT_PATH + "/pages/maintain/actchain-mass.jsp?orgg=" + GLOBAL_SURFACE + "&serviceid=" +     serviceid +"&per="+GLOBAL_PER ;<br />  window.showModalDialog(url, window, "dialogWidth:450px;dialogHeight:300px;resizable:
Jquery调用iframe父页面中的元素及方法
10-21
对于javascript操作iframe父级页面元素的方法，大家应该都非常清楚了，下面结合当前非常流行的jquery分享一下如何使用jquery查找和操作iframe父级页面元素的实现代码。
在iframe里面获取父页面和顶层父页面，window/window.parent/window.top/top.window
weixin_52314006的博客
10-26 1867
（3）window.top和top.window是顶级窗口。（1）window和window.self是当前窗口；（2）window.parent是父级窗口；
iframe 根据子页面找到当前父页面的元素对象
_修铁路的、的博客
01-16 727
场景：         有时候，在iframe中的子页面需要调用父页面，甚至是父页面的兄弟标签对象。 方法：     1.  iframe  在子页面中获取父页面的元素对象 $("#iframe-main", window.parent.document) // iframe-main : iframe 父页面的ID     2. 获取到父页面对象后，
js从父页面或者子页面 获取对象的方法
dream0129的博客
06-28 4263
js从父页面或者子页面 获取对象的方法
iframe简单使用 、获取iframe 、获取iframe 元素值 、iframe获取父页面的信息
热门推荐
m0_63348818的博客
06-19 4万+
标签规定一个内联框架。一个内联框架被用来在当前 HTML 文档中嵌入另一个文档。 注意：URL建议用绝对路径 如果一个页面里面有框架，点页面里的连接，要求在这个 里打开。在中规定name 然后在修改默认打开模式，：网页head中加上或部分连接的目标框架设为（**）要插入一个页面。要求只拿中间一部分。其他的都不要。代码： 控制插入页被框架覆盖的深度 控制框架覆盖上部分的深度 scrolling滚动条要否（auto、yes、no） frameborder框架的边框大小，width=776 height=2
通过js或jQuery,<iframe>子父窗口之间元素、方法、window的相互获取
MOONCOM的博客
11-11 2万+
1、js在子窗口获取父窗口的window window.parent //此时可以调用父窗口的window方法，比如获取父窗口的高度window.parent.innerHeight，宽度window.parent.innerWidth，移动父窗口的位置等，具体的可以看本人博客的《获取浏览器窗口的尺寸及对浏览器窗口的一些操作》篇。 2、js在父窗口获取子窗口的window $("#
iframe获取父、子窗口的方法
Just博客
12-06 1292
1.在子页面iframe获取父页面元素，如下获得iframeid jQuery：    $("#iframeid",parent.document)或$('#iframeid',window.parent.document); JS原生代码： window.parent.document.getElementById("iframeid");   2.在父页面获取iframe子页面元素
在页面中获取iframe中window对象，在iframe中获取上级window对象
无心使然云中漫步
01-04 2590
iframe中发送消息。
js通过iframe对象获取iframe内部元素
08-12
通过iframe对象获取iframe内部元素的方法有多种。其中，可以使用jQuery来选中iframe，并通过contentWindow属性获取iframe内部的window对象，从而调用其中的方法。例如，使用以下代码可以获取iframe内部的元素值： $("#id").find("iframe")[0].contentWindow.func() 另外，也可以使用原生JavaScript来获取iframe对象，并通过contentWindow属性获取iframe内部的window对象。例如，使用以下代码可以获取iframe内部的元素值： var ifr = document.getElementById('mainIframe0'); var innerWindow = ifr.contentWindow; innerWindow.XXX方法 还可以使用querySelector等方法来获取iframe内部的元素。例如，使用以下代码可以获取iframe内部id为btn的节点： var frame = document.getElementsByTagName("iframe")[0]; var innerDocument = frame.contentWindow.document; var btn = innerDocument.querySelector("#btn"); 总结来说，可以使用jQuery或原生JavaScript来选中iframe，并通过contentWindow属性获取iframe内部的window对象，进而操作其中的元素。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [iframe子页面与父页面元素的访问以及js变量的访问](https://blog.csdn.net/qq_27009517/article/details/118722866)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [iframe简单使用 、获取iframe 、获取iframe 元素值 、iframe获取父页面的信息](https://blog.csdn.net/m0_63348818/article/details/125358251)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [js获取iframe中的对象](https://blog.csdn.net/chengjia3602/article/details/100780614)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值