使用parent.layer.open()打开页面如何调用子页面的方法

2024-05-12 04:43:12

我的问题：

A 页面包含iframeＢ页面，从iframe Ｂ页面使用parent.layer.open 打开一个iframe弹层C页面，我知道这时弹层是在A页面打开的，现在我想在layer打开的iframeC页面中调用B页面的方法该如何做？

官网上使用layer.open打开页面，调用子页面的方法是这样的

layer.open({
type: 2,
content: ‘test/iframe.html’,
btn: [“按钮1”, “按钮2”],
btn1: function(layero, index){
var iframeWin = window[layero.find(‘iframe’)[0][‘name’]]; //得到iframe页的窗口对象，执行iframe页的方法：iframeWin.test.method1();
},
btn2: function(layero, index){
var iframeWin = window[layero.find(‘iframe’)[0][‘name’]]; //得到iframe页的窗口对象，执行iframe页的方法：iframeWin.test.method2();
},
}
});

我使用parent.layer.open()打开子页面

var layerIndex=parent.layer.open({
type: 2,
content: ‘test/iframe.html’,
btn: [“按钮1”, “按钮2”],
btn1: function(layero, index){
var iframeWin = parent.window[‘layui-layer-iframe’ + layerIndex]; //得到iframe页的窗口对象，执行iframe页的方法：iframeWin.test.method1();
},
btn2: function(layero, index){
var iframeWin = window[layero.find(‘iframe’)[0][‘name’]]; //得到iframe页的窗口对象，执行iframe页的方法：iframeWin.test.method2();
},
}
});

子页面中这样写

var test = {
method1: function (index) {
console.log(“方法一的内容”)
},
method2: function (index) {
console.log(“方法二的内容”)
}
}
好记性不如烂笔头，这里记录一下。亲测有用

使用parent.layer.open()打开页面如何调用子页面的方法相关推荐

parent.layer.open打开的页面向上个页面传值
平时遇到的传值问题,一般都是父子页面,父页面定义一个全局的方法,类似 functionName = function(){} 然后再子页面就可以通过parent来调用. window.parent.f ...
iframe子页面获取父页面元素,或父页面获取iframe子页面的元素
用JS或jquery访问页面内的iframe,兼容IE/FF 注意:框架内的页面是不能跨域的! js 在父窗口中获取iframe中的元素格式:window.frames["iframe的n ...
vue父页面实时给子页面传值
实操笔记: 设置set this.DataList = []const varName='formObj' this[varName].PkIds && delete this[var ...
layer.open参数；layer.open关闭事件；layer.open关闭刷新；layer.open获取子页的值；layer.open调用子页面的方法
父页面 function layerOpen(){layer.open({type: 2,shade: [0],title: "验收申请",area: ['1024px', '68 ...
layui父页面调用子页面的渲染_layui的iframe父子操作方法
iframe父子属性调用一.访问主页面属性 var parentId=parent.$("#id").val();//访问父页面元素值二.访问父页面方法 var parentM ...
h5页面生成图片分享到微信js_微信端h5页面如何调用分享页面的接口
这次给大家带来微信端h5页面如何调用分享页面的接口,微信端h5页面调用分享页面接口的注意事项有哪些,下面就是实战案例,一起来看一下. 最近公司做了一个给学生投票的H5页面,主要是在微信端使用,需要添加 ...
vue父页面调用子页面及方法及传参，鼠标光标定位
项目场景: vue父页面调用子页面及方法问题描述 vue中父界面调用子界面及方法时界面可以调用,但是调用方法的时候第一次报错,但是关掉界面再次重新打开就没问题了原因分析: 在我之前添加鼠标指针定位 ...
js代码父页面调用子页面中的js方法，子页面调用父页面中的js方法
文中代码亲测可用,转载以示尊重!!!  <script type="text/javascript"> //调用子页面的方法 ...
vue 子页面调用父页面的参数_js父页面调用子页面数据时，子页面通过父页面传过来的参数回调父页面具体方法_html/css_WEB-ITnose...
今天写代码时发现同一页面多个地方需要调用同一个子页面,如果多个方法调用时,同一子页面回调父页面方法则会出问题,所以查了下资料,让这个功能通用化,根据具体方法回调具体父页面方法,顺便总结一下,希望以后可 ...

最新文章

热门文章