layui父页面获取子页面的窗口对象

最新推荐文章于 2023-10-18 09:57:59 发布

原创最新推荐文章于 2023-10-18 09:57:59 发布 · 7.6k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #对象

前端专栏收录该内容

7 篇文章

订阅专栏

本文介绍了三种在父页面通过layer.open方法调用子页面JavaScript方法的方式：1. 获取iframe的ID并调用方法；2. 通过窗口对象直接调用；3. 使用layer提供的getChildFrame方法。

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

在父页面的layer.open方法中的按钮点击回调方法中，使用以下几种方法，可以调用子页面中的js方法。
方法一、
//获得iframe窗口的id至，其中下面的‘customerServiceOpen’为layer.open方法中的id值
var frameId=document.getElementById(‘customerServiceOpen’).getElementsByTagName(“iframe”)[0].id;
//获取iframe窗口对象并调用a方法
$(‘#’+frameId)[0].contentWindow.a();
方法二、
//得到iframe页的窗口对象
var iframeWin = window[layero.find(‘iframe’)[0][‘name’]];
调用子页面a方法
iframeWin.a();
方法三、
var body = layer.getChildFrame(‘body’, index);
var iframeWin = window[layero.find(‘iframe’)[0][‘name’]]; //得到iframe页的窗口对象，执行iframe页的方法：iframeWin.method();