iframe子页面获取父页面元素和window对象

最新推荐文章于 2022-12-08 07:59:54 发布
最新推荐文章于 2022-12-08 07:59:54 发布
阅读量855 收藏
点赞数
原文链接：http://www.cnblogs.com/wgl1995/p/9213643.html
版权

　　项目中发现要在iframe的弹框中获取父页面中的元素，我们可以按照如下代码操作：$(window.parent.document).find('selector').attr('XXX')

　　如果我们需要获取父页面的window对象，我们可以使用如下代码操作：window.parent.location.hash

　　如果我们获取的是最顶层的页面，那么我么可以通过window.top来实现；

转载于:https://www.cnblogs.com/wgl1995/p/9213643.html

weixin_30878501
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
iframe子父页面调用js函数示例
10-26
这里，`ifrtest`是`iframe`元素的ID，`contentWindow`属性是指向`iframe`内的`window`对象，通过这个对象，我们可以访问到子页面的全局作用域。在IE浏览器中，有时可以省略`contentWindow`，直接使用`document....
嵌入式iframe子页面与父页面js通信的方法
10-24
子页面通过改变代理iframe的`src`属性，传递数据到代理页面，然后代理页面通过`window.postMessage`将数据传递给父页面。 总的来说，理解和掌握这些通信技术对于进行复杂网页应用的开发至关重要。无论是同域还是...
iframe中获取父元素的window对象
风吹_淡淡凉的博客
09-30 1万+
1. 父窗体获取iframe的window对象      var mainFrame = document.getElementById("myFrame"); var subDocument = mainFrame.contentDocument || mainFrame.contentWindow.document;   2. iframe中获取父窗体window对象
iframe 根据子页面找到当前父页面的元素对象
_修铁路的、的博客
01-16 671
场景：         有时候，在iframe中的子页面需要调用父页面，甚至是父页面的兄弟标签对象。 方法：     1.  iframe  在子页面中获取父页面的元素对象 $("#iframe-main", window.parent.document) // iframe-main : iframe 父页面的ID     2. 获取到父页面对象后，
iframe 获取父窗口 调用方法 跨域
qq_42033668的博客
03-11 788
假设有一个 http://localhost:8080/项目下的 parent.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script> function load() { window.addEventListener("message",function(event){ console
iframe页面中获取window对象及上一级window对象
qq_42931285的博客
12-08 4621
iframe页面中获取window对象及上一级window对象
java获取iframe,iframe如何获取父级页面的变量亦或者window对象？
weixin_28347369的博客
03-12 1555
一、同源环境1、首先在父页面获取iframe中的window，然后获取元素，根据window，不仅可以获取元素，还能调用里面的方法，前提是绑定在window上面var ifW = $('#ifr')[0].contentWindow;ifW.document.getElementsByClassName('wrap')2、在iframe中获取父页面的window1window.parent3、那么...
iframe父页面与子页面通信及相互调用方法
09-13
- **DOM操作**：如果父页面和子页面同源，可以使用JavaScript的`contentWindow`属性或`contentDocument`属性来访问子页面的`window`对象和`document`对象，实现通信。例如： ```javascript var iframe = document...
从父页面读取和操作iframe中内容方法
09-05
这个例子清晰地表明，从父页面读取和操作iframe内容的方法与操作页面上的其他元素基本相同，只是多了一个获取iframe对象的步骤。在实际应用中，这种交互可以用于实现跨域通信、数据传递等功能，增强了网页的交互性和...
在iframe中调用js父页面和子页面方法
08-08
由于同源策略的限制，只有当父页面和子页面位于同一域名下，子页面才能直接访问父页面的`window`对象。如果不同源，需要使用`postMessage`和`message`事件来通信。 1. 同源情况下，子页面调用父页面方法： ```...
父页面和子页面利用window对象的交互处理
weixin_33976072的博客
12-23 273
为什么80%的码农都做不了架构师？>>> ...
iframe 内部获取 父级窗口 window对象
TGODS
05-24 4019
在iframe中，要获取父级的window对象： 1、 window.parent 获取 父级的 window对象 2、window.top 获取 最顶层父级的 window对象
在iframe里面获取父页面和顶层父页面，window/window.parent/window.top/top.window
weixin_52314006的博客
10-26 1794
（3）window.top和top.window是顶级窗口。（1）window和window.self是当前窗口；（2）window.parent是父级窗口；
wordpress 缩略图_如何在WordPress中轻松显示带有缩略图的页面列表
09-04 835
wordpress 缩略图Most business websites primarily use pages for their content. Since pages are different than posts, you may need different ways to display them. In this article, we will show you how to e...
通过js或jQuery,<iframe>子父窗口之间元素、方法、window的相互获取
热门推荐
MOONCOM的博客
11-11 2万+
1、js在子窗口获取父窗口的window window.parent //此时可以调用父窗口的window方法，比如获取父窗口的高度window.parent.innerHeight，宽度window.parent.innerWidth，移动父窗口的位置等，具体的可以看本人博客的《获取浏览器窗口的尺寸及对浏览器窗口的一些操作》篇。 2、js在父窗口获取子窗口的window $("#
html 调用父页面方法,iframe 子页面调用父页面方法，window对象的指向问题
weixin_35034088的博客
06-03 435
具体是这样的，有A,B 两个页面，均在同一域下,B为A中通过iframe加载进来的页面。A页面中加载了一个JS类Class.js文件，定义了一个类ObjectA,并实例化了一个全局对象a。ObjectA包含了一个方法redirect,内容为跳转页面到C.html去。B页面中，通过deepClone方法，将父页面的对象a克隆到自己的window下，并调用redirect()。但是页面跳转是把父页面A...
iframe之父子页面通信
yiyueqinghui的博客
08-05 7853
1、获取 子页面 的 window 对象 获取 子页面 的 window 对象 ，即获取了子页面的所有变量和方法，获取方法如下： // iframe id document.getElementById('menuIframe').contentWindow // iframe name window.frames['menuIframe'].window // iframe index 当前窗体的第几个 iframe window.frames[1].window 2、子 iframe 获取 父
day03_JS&DOM
CSDN_AF的博客
04-10 889
JS 1.JS的历史 2.JS与HTML的结合方式 3.JS的基本语法 4.JS中的类型原始类型 string => java中的字符串和字符在js中都是string number => java中的浮点型和整型6种 在js中都是number boolean null => 表示对象的占位符 undefined => 系统为没有初始化的变量,默认初
js通过iframe对象获取iframe内部元素
最新发布
08-12
总结来说，可以使用jQuery或原生JavaScript来选中iframe，并通过contentWindow属性获取iframe内部的window对象，进而操作其中的元素。<span class="em">1</span><span class="em">2</span><span class="em">3 #### ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值