子页面调用父页面方法，父页面调用子页面方法(iframe)

最新推荐文章于 2023-08-01 17:50:20 发布
最新推荐文章于 2023-08-01 17:50:20 发布
阅读量1.2k 收藏 2
点赞数
分类专栏： jquery iframe 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42739916/article/details/86679902
版权
jquery 同时被 3 个专栏收录
4 篇文章 0 订阅
订阅专栏
前端
4 篇文章 0 订阅
订阅专栏
iframe
1 篇文章 0 订阅
订阅专栏

子页面调用父页面方法

父页面的方法名为：demoFunction

window.parent.demoFunction()

 

父页面调用子页面方法

iframe的Id为："fameID"

iframe中的方法名为：demoFunction

JQuery实现:$("#fameID")[0].contentWindow.demoFunction

新手菜鸟add1
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html iframe 子页面调用父页面的方法
xuanmu
02-16 331
父页面代码： <!DOCTYPE html> <html> <head> <title>parents</title> <meta charset="UTF-8"> </head> <body> <script language="javascript" type="text/ja...
在父页面调用iframe子页面的JS方法
热门推荐
heartbeaty的专栏
02-18 4万+
parent function parentFunction() { alert('function in parent'); } function callChild() { child.window.childFunction(); /* child 为iframe的name属性值， 不能为id，因为在FireFox下id不能获取iframe对象 */ }
iframe父页面与子页面通信及相互调用方法
09-13
本Demo汇总是iframe父页面与iframe子页面如何相互调用方法、元素及值的几种常见方法（含JS、JQuery方法）
js父子页面相互调用变量及方法
Dzq_Boyka的博客
11-02 2475
原文：http://www.cnblogs.com/huangshuqiang/p/5734358.html （1）子页面调用父页面的方法或者变量： window.parent.方法()或者变量名 window.parent相当于定位到父页面  之后的操作和在父页面中写代码一样写 window.parent.aa();//调取aa函数 window.parent
iframe父页面调用子页面方法
沧海一粟
09-23 5138
<iframe id="applyFrame" class="tabConCss" style="width:86%;margin-left:7%;margin-top:10px;margin-right:7%" src="./tradeApply.html"></iframe> <script> //当iframe加载完成，调用iframe嵌套页面方法传递参数 //若找不到方法,可能是iframe还没有加载完成 $("#applyFrame").load(fu.
页面嵌套iframe怎么调用父页面的方法，子页面回调父页面函数方法
橙-极纪元-cplvfx-JJY.Cheng
06-19 1万+
页面嵌套iframe怎么调用父页面的方法，子页面回调父页面函数方法, iframe子父页面间js的相互调用
使用JS实现子页面调用父页面的函数
kuanglian0的博客
06-21 6577
使用JS实现子页面调用父页面的函数
iframe子父页面调用js函数示例
10-26
1. **iframe子页面调用父页面的函数** 在子页面中，通过`window.parent`属性，我们可以访问到父页面的全局作用域。如果要在子页面中调用父页面的一个名为`a()`的函数，可以这样写： ```javascript window....
js中iframe调用父页面的方法
01-19
本文实例讲述了js中iframe调用父页面的方法。分享给大家供大家参考。具体实现方法如下： 子页面调用父页面的方法在js中很容易实现。我们只需要在主页面加个函数，然后在子页面通过window.parent.方法()即可实现了 ...
嵌入式iframe子页面与父页面js通信的方法
10-24
在父页面中，可以通过`FrameName.window.childMethod()`来调用iframe内页面的方法。例如： ```javascript myFrame.window.say(); ``` 2. **子页面调用父页面的方法**： 子页面可以通过`parent.window.parent...
子页面使用父页面的方法
mkmmkkghhhhhhhh的博客
06-25 1462
一个场景，在子页面需要调用父页面的方法时，查了很多很多现有的方法，在子页面直接调用父页面的方法这种会有一些跨页面的问题，所以对于这个方法我进行优化。需要注意的是，由于同源策略的限制，子页面只能访问同源的父页面。否则，因为安全策略的限制，可能无法调用父页面的方法。相当于给父页面的根节点添加消息监听事件，子页面发送信息的时候，就触发相对应的事件。这样，子页面点击按钮时会发送一个消息给父页面，父页面接收到消息后触发相应的事件。下面我先介绍第一种方法，子页面直接调用父页面的方法。属性访问父页面中的方法。
iframe父页面调用子页面方法，并且获取数据（无跨域）
weixin_48195664的博客
06-16 2564
以上就是 iframe父页面调用子页面方法，并且获取数据（无跨域）最难部分就是跨越了。一定要注意：父子页面两边都要监听，子页面监听父页面传过来的参数，再根据参数判断调取哪个方法。父页面监听子页面传过来的数据。(注意：VUE的话将此方法写在mounted里边，如果是多次调取此方法的话，就换成window.onmessage=(e)=>{}2. 监听父页面传过来的参数来判断调取哪个方法。
jquery 操作iframe的几种方法总结
aliao9583的博客
05-24 501
jquery 操作iframe的几种方法总结 iframe在复合文档中经常用到，利用jquery操作iframe可以大幅提高效率，这里收集一些基本操作 DOM方法：父窗口操作IFRAME：window.frames["iframeSon"].documentIFR...
js子页面调用父页面方法与父页面调用子页方法
weixin_44512123的博客
08-17 3万+
在做项目中都会存有主页面子页面。子页面嵌套中主页面中，主页面有主的方法，子页面有字面的方法，通常的方法是点击主页面选项打开子页面。但是我这里我要从子页面就是房态图，因为主页面和房态中有一些方法是相同，就是说从房态图中打开模态框，同时也可以从主页面打开这个模态框。也是说我这次的问题是如何从主页面中调用子页面中的方法?就想下图所示嘛，模态框已经在房态图中实现了，打开是同样的模态框总不会在主...
html中iframe父页面与子页面交互方法
wei042的博客
10-17 951
html中iframe父页面与子页面交互方法，其中包含JavaScript，jquery两种
iframe 父窗口和子窗口相互的调用方法集锦
编码改变世界
03-31 2378
iframe 父窗口和子窗口相互的调用方法集锦 用iframe、弹出子页面刷新父页面iframe parent.location.reload();弹出子页面 window.opener.location.reload();子窗口刷新父窗口 self.window.opener.locaction.reload();刷新一open（）方法打开的窗口 window.
父页面与子页面的相互调用
翔飞
12-14 516
一、在页面里用 open 打开的子页面： 1、子页面调用父页面的方法,包括子页面给父页面传值：       window.opener.methodName(); window.opener.methodName(param1,param2);     2、父页面关闭子页面：在父页面      openWin=window.open(""); function bClick...
jsp页面iframe父子页面之间的调用
最新发布
qing_er_的博客
08-01 710
2. 通过iframe的name值调用父页面方法 ( 假设getSonList为子页面的一个方法)iframe页面调用父页面语法 （ 假设getDadList()为父页面的一个方法 ）1. 给iframe设置一个name值。
html父页面调用子页面方法
05-31
在 HTML 中，父页面可以通过以下方式调用子页面的方法： 1. 使用 iframe 标签将子页面嵌入到父页面中，并设置一个 ID： ``` <iframe id="myFrame" src="子页面的 URL"></iframe> ``` 2. 在父页面中获取 iframe ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值