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

最新推荐文章于 2024-10-09 02:52:35 发布
最新推荐文章于 2024-10-09 02:52:35 发布
阅读量1.2k 收藏 2
点赞数
CC 4.0 BY-SA版权
分类专栏： jquery iframe 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_42739916/article/details/86679902
本文介绍了在网页开发中，如何使用JavaScript实现子页面调用父页面的方法以及父页面调用子页面（iframe）中的方法。通过window.parent和contentWindow属性，可以轻松地在不同层级的页面间进行方法调用。

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

子页面调用父页面方法

父页面的方法名为：demoFunction

window.parent.demoFunction()

 

父页面调用子页面方法

iframe的Id为："fameID"

iframe中的方法名为：demoFunction

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

html iframe 子页面调用父页面的方法
xuanmu
02-16 395
父页面代码： <!DOCTYPE html> <html> <head> <title>parents</title> <meta charset="UTF-8"> </head> <body> <script language="javascript" type="text/ja...
父窗口调用iframe子窗口方法
03-14
NULL 博文链接：https://terryang.iteye.com/blog/292913
iframe父页面访问子页面方法
老实憨厚的张胖子的博客
03-13 337
&lt;%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%&gt; &lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dt
父页面调用子页面的方法
文生同学
06-29 502
$("iframe", ele)[0].contentWindow.load(id);
在父页面调用子页面的方法
amk40260的博客
09-29 159
今天弄了一天了，终于在网上找到了解决办法 注意：问题是在父页面调用子页面的方法。。。。。 父页面：parent.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> &l...
js中iframe调用父页面的方法
01-19
本文实例讲述了js中iframe调用父页面的方法。分享给大家供大家参考。具体实现方法如下： 子页面调用父页面的方法在js中很容易实现。我们只需要在主页面加个函数，然后在子页面通过window.parent.方法()即可实现了 ...
iframe子父页面调用js函数示例
10-26
1. **iframe子页面调用父页面的函数** 在子页面中，通过`window.parent`属性，我们可以访问到父页面的全局作用域。如果要在子页面中调用父页面的一个名为`a()`的函数，可以这样写： ```javascript window....
iframe父页面与子页面通信及相互调用方法
09-13
"iframe父页面与子页面通信及相互调用方法"是一个重要的主题，涉及到跨域安全、DOM操作以及JavaScript/jQuery的交互技术。下面将详细解释这一知识点。 1. **基本概念** - **父页面（Parent Page）**：包含`iframe`...
Jquery调用iframe父页面中的元素及方法
11-24
在网页开发中，有时我们需要在`iframe`中与父页面进行交互，比如调用父页面中的元素或执行父页面的方法。本文将详细讲解如何使用jQuery实现这一功能。 首先，我们来了解一下`iframe`的基本概念。`iframe`（Inline ...
iframe 父页面调用子页面方法
忆水思寒的博客
06-22 1500
<!--主页面中的JS代码--> <script type="text/javascript"> //调用子页面的方法. var childWindow = $("#addFrame")[0].contentWindow; //表示获取了嵌入在iframe中的子页面的window对象。 []将JQuery对象转成DOM对象，用DOM对象的contentWindow获取子页面window对象。 childWindow.subFunction(); //调用子页面中的subFunct
微信小程序 父页面调用子页面的方法
Zz130015的博客
02-29 1117
1. 在子组件要调用的事件中 this.triggerEvent('eventName', eventData);其中 this.triggerEvent 为小程序触发自定义事件的方法 两个参数为 前者为事件名 后者为所传数据。例子：<child-component id="myChild" />2 在父组件的js里 声明常量来挂载实例 然后直接调用实例下面的方法。// 返回选择器的第一个组件。1. 给子组件加唯一的id值。
vue父子页面互相调用方法及属性
weixin_42401141的博客
04-06 1万+
vue 参数传递 父子组件相互调用
父页面与子页面相互调用
qq_32768235的博客
01-17 592
【代码】父页面与子页面相互调用。
收银台实现iframe跨页面调用函数的方法——未来之窗行业应用跨平台架构
最新发布
cybersnow精通 28 门计算机语言，凭借其超凡的技术能力，成功开发过上万个应用，广泛涉及政府、商业、个人等众多领域，甚至在检察院、环保局、公安局等专业场景中也大放异彩。不仅熟练掌握单片机和物联网开发，在软件架构设计方面更是独树一帜，自创了跨平台软件
10-09 362
让我们积极投身于技术共享的浪潮中，不仅仅是作为受益者，更要成为贡献者。无论是分享自己的代码、撰写技术博客，还是参与。的维护和改进，每一个小小的举动都可能成为推动技术进步的巨大力量。拥抱开源与共享，见证科技进步奇迹，畅享人类幸福时光！
iframe中子父窗口互调的js方法
weixin_30498807的博客
08-31 1665
一、父窗口调用iframe子窗口方法1、HTML语法：<iframe name="myFrame" src="child.html"></iframe>2、父窗口调用子窗口：myFrame.window.functionName();3、子窗品调用父窗口：parent.functionName();简单地说,也就是在子窗口中调用的变量或函数前加个parent.就行...
iframe父页面调用子页面方法，并且获取数据（无跨域）
weixin_48195664的博客
06-16 2998
以上就是 iframe父页面调用子页面方法，并且获取数据（无跨域）最难部分就是跨越了。一定要注意：父子页面两边都要监听，子页面监听父页面传过来的参数，再根据参数判断调取哪个方法。父页面监听子页面传过来的数据。(注意：VUE的话将此方法写在mounted里边，如果是多次调取此方法的话，就换成window.onmessage=(e)=>{}2. 监听父页面传过来的参数来判断调取哪个方法。
vue项目中，调用iframe子网页中的方法 和在iframe子页面中调用vue父页面中的方法。
qq_36519327的博客
09-21 7789
iframe
在父页面调用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对象 */ }
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值