layui获取open的iframe元素和调用dom对象的函数

最新推荐文章于 2024-08-06 17:01:06 发布

八宝粥大朋友

最新推荐文章于 2024-08-06 17:01:06 发布

阅读量1.4k

点赞数 1

分类专栏： layui

本文链接：https://blog.csdn.net/long_24k_os/article/details/103117322

版权

layui 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

在open的回调函数yes中

/* 父页面的js */
layer.open({  
	type: 2,   
	//... 其它元素
	yes : function(index,layero){
		//获取iframe的body元素
		let iframeBody = layer.getChildFrame('body',index);
		//得到iframe页的窗口对象
		let iframeWin = window[layero.find('iframe')[0]['name']]; 
		//执行iframe页的showMsg方法
		iframeWin.hello("李四");
					
		console.log(iframeWin);
		console.log("yes回调函数中："+body.html());
		console.log(layero,index);
	}
});

// 子页面iframe的js 
function hello(name){		
	layer.msg(`${name}, 你好！`);	
}

在父页面的作用域里面

// 使用open type:2 的方式弹出子页面
layer.open({  
	type: 2,   
	//... 其它元素
});

//...
let iframeWin = window[$(document).find('iframe')[0]['name']];// 获取当前的open iframe对象
iframeWin.hello("王五");// open iframe对象里的文件上传函数

// 子页面iframe的js 
function hello(name){		
	layer.msg(`${name}, 你好！`);	
}