子页面调用父页面的函数

最新推荐文章于 2024-08-15 16:52:48 发布
最新推荐文章于 2024-08-15 16:52:48 发布
阅读量1k 收藏
点赞数
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41058481/article/details/107507050
版权

子页面调用父页面的函数

在layer.open创建的子页面中，parent.layer.closeAll(‘iframe’);关闭页面都正常；
如果在子页面直接调用父页面中的函数，parent.xxx();或者window.parent.xxx();一般这两种可以调用到。
第三种方式：将父页面的函数挂载到window上，

(function(window) {
	function xx() {};
	window.xx= xx;
})(window)

子页面再通过parent.xx();调用父页面函数
第四种方式：将子页面需要调用的函数封装到另一个js中，父页面引入后，子页面通过parent.xx();调用

Alan老三
关注
子页面调用父页面函数、控件
lovegonghui的专栏
01-14 913
有一个页面A，即是父页面： 招聘中试用期 父页面的函数： function searchClick() { $("#selState").val("N"); document.getElementById("lbtnSelect").click(); }   有一个页面B，即是子页面： win
android 子页面如何调用父页面函数,Android 调用父类方法,进行子界面刷新
weixin_35183690的博客
05-25 782
偶然遇到一个需求、有几个主界面需要获取消息的未读数量由于不是所有类都调用、调用的次数又比较多，整的不上不下的1、对于方法调用次数比较少的 推荐广播广播的方法很方便、但是一堆的消息接收、发送很模式化2、对于较多的方法调用 个人建议直接写共用类中此方法通常用于数据处理、对接复杂界面处理颇感无力3、结合父类、根据实际情况调用今天介绍的就是通过接口调用 选择获取消息数量方法首先介绍下主逻辑、即在子类调用...
使用JS实现子页面调用父页面的函数
kuanglian0的博客
06-21 6635
使用JS实现子页面调用父页面的函数
Qt 子窗体直接调用父窗体成员、函数、控件的方法
love_dear的博客
08-15 468
Qt 子窗体直接调用父窗体成员、函数、控件的方法
子页面调用父页面的函数（javascript)
专栏
08-06 1382
opener.父页面函数名() 
js中子页面调用父页面的方法
殇之何伤的博客
01-28 437
子页面调用父页面的方法只需要在 方法前加上 parent. 就可以了 有一个例如：子页面有一个标签 <input id="closeLayer" class="btn btn-primary radius" type="button" value="  取消  "> //子页
layer.open、parent.layer.open 子页面调用父页面函数
qq_40112624的博客
07-25 1635
shade: [0.8,‘#393D49’],//是否显示遮罩层，1：表示不遮罩，其他是表示遮罩透明度。shade: [0.8,‘#393D49’],//是否显示遮罩层，1：表示不遮罩，其他是表示遮罩透明度。closeBtn: 0,//是否显示关闭图标，0：不显示，1：显示。closeBtn: 0,//是否显示关闭图标，0：不显示，1：显示。parent.父页面函数。
iframe子父页面调用js函数示例
12-12
与之相关的常见需求是实现子父页面之间的交互，例如调用JavaScript函数。本篇文章将详细讲解如何在`iframe`子页面调用父页面的JS函数以及反之的操作。 ### 1. 子页面调用父页面的JS函数 在`iframe`子页面中，要...
mui-子页面调用父页面方法
06-11
MUI: 最接近原生APP体验的高性能前端框架... 可从https://www.dcloud.io下载Hbuilder,选择新建“移动APP”,并选择“Hello MUI”工程模板,创建工程;然后通过数据线
子页面使用父页面的方法
mkmmkkghhhhhhhh的博客
06-25 1649
一个场景，在子页面需要调用父页面的方法时，查了很多很多现有的方法，在子页面直接调用父页面的方法这种会有一些跨页面的问题，所以对于这个方法我进行优化。需要注意的是，由于同源策略的限制，子页面只能访问同源的父页面。否则，因为安全策略的限制，可能无法调用父页面的方法。相当于给父页面的根节点添加消息监听事件，子页面发送信息的时候，就触发相对应的事件。这样，子页面点击按钮时会发送一个消息给父页面，父页面接收到消息后触发相应的事件。下面我先介绍第一种方法，子页面直接调用父页面的方法。属性访问父页面中的方法。
在子窗口中调用父窗口的成员函数的实例
05-30
在子窗口中调用父窗口的成员函数的方法 1、用FindWindow("类名(可以是派生类)","窗口标题")或GetParent()，二者均能返回父窗口句柄，并能直接使用其成员函数。但是此法只能调用CWnd类里的成员函数，而不能调用自己创建的派生类中的函数。 2、在子窗口的初始化函数里加上父窗口的指针 ，然后在子窗口的类中使用全局变量保存父窗口的指针。如： 父窗口类为CMyDlg(父类为CDialog)，子窗口类为CMySon(父类为CDialog)，则在CMyDlg::OnInitDialog()中初始化子窗口对象m_myson=new CMySon(this);(m_myson为在父窗口中声明的成员)，然后在MySon.cpp中的开始处声明全局变量CMyDlg *parent;(在MySon.h中要加入MyDlg.h头文件)，最后在CMySon的构造函数中定义parent=(CMyDlg*)pParent; 好了，现在你可以在子窗口中随时调用父窗口函数了!
js父子页面相互调用变量及方法
Dzq_Boyka的博客
11-02 2525
原文：http://www.cnblogs.com/huangshuqiang/p/5734358.html （1）子页面调用父页面的方法或者变量： window.parent.方法()或者变量名 window.parent相当于定位到父页面  之后的操作和在父页面中写代码一样写 window.parent.aa();//调取aa函数 window.parent
子页面调用父页面方法
fei0700的博客
06-11 669
window.parent.Test();
iframe的子页面调用父页面的方法
软件工程 plus 人工智能
01-20 4410
用javascript: window.top.location.reload(); 或：window.parent.location.reload();具体实例如下: main页面:   asf   sdfasdf                              //引入A.html A.html页面: function re(){   window.top.location.
子页面调用父页面方法---js方式
numbgui的专栏
07-25 654
子页面通过JS的方式调用父页面
html iframe 子页面调用父页面的方法
xuanmu
02-16 362
父页面代码： <!DOCTYPE html> <html> <head> <title>parents</title> <meta charset="UTF-8"> </head> <body> <script language="javascript" type="text/ja...
iframe 子页面调用父窗口的方法
02-15 3157
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;父页面&lt;/title&gt; &lt;meta charset="UTF-8"&gt; &lt;/head&gt; &lt;body&gt; &lt;script type="text/javascr
jquery 父页面调用子页面函数
最新发布
09-12
在Web开发中，jQuery允许我们通过各种方法来实现父子页面间的交互。父页面想要调用子页面的函数，可以通过在子页面中定义一个可供外部调用的接口来实现。以下是一种常见的实现方式： 1. 在子页面中定义一个全局函数，该函数包含需要被父页面调用的逻辑。 2. 使用`window.parent`关键字来引用父页面的上下文环境。 3. 在父页面中，通过相应的选择器找到子页面的iframe或者弹出窗口，并通过该元素的`contentWindow`属性获取子页面的窗口对象。 4. 通过这个窗口对象调用子页面中定义的函数。 例如，子页面中的代码可能如下所示： ```javascript // 子页面 function childPageFunction() { alert('子页面函数被调用'); } ``` 父页面中的代码可能如下所示： ```javascript // 父页面 $(document).ready(function() { var childWindow = $('#childIframe').get(0).contentWindow; if (childWindow) { childWindow.childPageFunction(); // 调用子页面函数 } }); ``` 在这个例子中，`#childIframe`是子页面被嵌入父页面的iframe元素的ID。父页面使用jQuery的`$(document).ready`方法来确保DOM完全加载后再执行脚本。通过获取iframe的`contentWindow`属性，父页面可以访问子页面中定义的`childPageFunction`函数并进行调用。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值