Iframe嵌套 父子窗口互相调用方法

最新推荐文章于 2021-02-06 20:39:42 发布
最新推荐文章于 2021-02-06 20:39:42 发布
阅读量2k 收藏 1
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/jeathenzhang/article/details/40785299
版权
本文介绍如何在父窗口中调用iframe内的JavaScript方法，以及如何从iframe内部调用父窗口的JavaScript方法。提供了具体的代码示例。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

父窗口调用iframe的js方法。

         window.frames[“iframe name"].js方法();

子窗口调用父窗口的js方法

       parent.window.functionname();

JeathenZhang
关注
iframe跨域父子页面通信方法
milkhq的博客
06-05 2026
尽管iframe因兼容、性能等问题逐渐被替换掉，但有不少存量项目仍在使用。最近，我们部门一位小伙伴遇到iframe跨域相关问题，详细如下： [问题前置条件] 有两个系统A、B（都是银行存量老系统），A、B跨域； A系统中有一个页面a、B系统中有一个页面b； b以iframe方式嵌在a页面中。 [问题描述] 原来的逻辑是：在b页面有一个保存按钮，点击“保存” -> 将b页面的数据存在B系统，a页面处理完成后调用B系统的接口，把b页面的数据再通过接口的方式传给A系统。 现在优化...
如何优雅的实现 iframe 多层级嵌套通讯
u014771745的专栏
04-25 2166
在前端开发项目中，不可避免的总会和iframe进行打交道，我们通常会使用实现消息通讯。iframe父子通讯iframe同层级通讯iframe嵌套层级通讯当面对这种复杂的情况的时候，通讯不可避免成为复杂问题。
web前端iframe相互调用方法详解
09-13
框架采用的是嵌入iframe机制，不可避免的要用到各个iframe页面之间方法和属性的相互调用。这里介绍的知识非常重要，不光是在QUICK UI框架中适用，在其他有关iframe的场合都适用。
iframe 父子页面间方法/属性互相调用
_修铁路的、的博客
07-19 415
父页面调用子页面 父页面调用子页面方法： $("#mainfrm")[0].contentWindow.test(); //mainfrm 父页面ID ; test() 子页面中的方法 父页面获取子页面元素对象： $("#iframe-task").contents().find("#path"); //path 子页面元素id 子页面调用父页...
C#实现父子窗体嵌套.zip
07-17
C#实现控件切换窗体，亲测有效，分享给大家一起学习进步啊！。。。。分享给大家一起学习进步
iframe父页面与子页面通信及相互调用方法
09-13
本Demo汇总是iframe父页面与iframe子页面如何相互调用方法、元素及值的几种常见方法（含JS、JQuery方法）
iframe 父窗口和子窗口相互的调用方法集锦
weixin_30662539的博客
12-31 71
一、父窗口调用iframe子窗口方法1、HTML语法：<iframe name="myFrame" src="child.html"></iframe>2、父窗口调用子窗 口：myFrame.window.functionName();3、子窗品调用父窗 口：parent.functionName();简单地说,也就是在子窗口中调用的变量或函数前加个parent. 就行4、...
layer弹出层父子页面事件相互调用方法
10-18
在弹出层成功打开后，使用layer.getChildFrame获取子页面的body，然后通过iframe的窗口对象执行子页面的方法。例如： ```javascript $("#parentIframe").click(function(){ var a = $(this).attr("data-url"); ...
jquery与js跨iframe父子窗口元素交互方法详解
本文档详细梳理了如何在JavaScript和jQuery框架中有效地操作和调用iframe（帧）中的父窗口和子窗口元素。HTML5中的IFrame技术允许在一个页面中嵌入另一个完整的HTML文档，这就带来了在不同域之间进行交互的需求。...
vue3 中 iframe 引父窗口调用iframe子窗口方法
最新发布
03-08
### 调用 iframe 子窗口方法 在 Vue 3 中，父窗口可以通过 `contentWindow` 属性来获取 iframe 的 window 对象并调用其内部定义的方法。为了确保安全性和兼容性，在现代浏览器中通常推荐使用 `postMessage()` 方法...
js中多层关系窗口之间的访问
weixin_33981932的博客
02-26 202
　　(一).访问最顶层窗口 window.top.对象.属性=参数 (二).访问上一层窗口 window.parent.对象.属性=参数 (三).访问某一层的窗口 ...
IFrame父子组件之间相互调用方法
violetjack的专栏
06-05 3252
工作中遇到一些使用了IFrame标签的页面，需要两者之间调用方法。所以查阅了一些资料。记录下。
iframe 覆盖父页面_iframe中父页面调用iframe框架内的子页面方法时，切换第二个子页面时，方法失效，DOM0消失...
weixin_33309048的博客
02-06 432
原因：需要控制项目中使用iframe构建的部分的音频，由于audio标签位于子页面，暂时没有找到JS禁用浏览器声音的方法，所以需要用到子页面(iframe嵌套页面)内音量控制的方法，使用hreflink.window.childFunction();来调用子页面的方法。我创建了一个img标签，将图片的onclick事件设置为父页面引用子页面的方法。 function callChildAudio(...
外层页面与iframe相互调用的方法
weixin_34416649的博客
01-15 1775
iframe调用外层页面的方法：   parent.func(); 外层页面调用里面的iframe中的内容方法：  $("iframe").contents().find("body")   .append("I'm in an iframe!");
iframe父级页面与子级页面互相调用js的方法
不明所以
08-17 5927
iframe子级页面调用父级页面： window.parent.父级页面方法(); iframe父级页面调用子级页面： document.getElementById("iframeID").contentWindow.子级页面方法();
访问嵌套iframe遇到的问题
jin19930729的专栏
04-08 3738
一直想做个类似mini ui中的弹出层效果，能够chua
从一个子框架页面调用另一个子框架页面内的JavaScript函数
04-27 950
框架结构：       当前位于框架页：top.action需要被调用的JavaScript函数【funcA()】位于框架页：center.action实现方法：在top.action内：window.parent.window.frames[mainFrame].funcA();
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值