关于top.layer.open使用后父页面对子页面方法引用记录

最新推荐文章于 2024-06-29 18:24:12 发布

weixin_42368711

最新推荐文章于 2024-06-29 18:24:12 发布

阅读量720

点赞数

分类专栏： layui 文章标签： layui javascript

本文链接：https://blog.youkuaiyun.com/weixin_42368711/article/details/118723385

版权

layui 专栏收录该内容

2 篇文章

订阅专栏

本文介绍如何使用Layer组件在父页面通过top.layer.open方法在顶层显示子页面，并演示如何成功调用子页面的方法，涉及跨域iframe和JavaScript交互.

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

默认layer.open弹出的窗口只能在iframe子窗口区域显示。现在想让layer在父窗口或者说框架的最顶层显示，想到用top.layer.open

top.layer.open({
   type: 2,
   title: '标题',
   shadeClose: true,
   shade: 0.3,
   area : ['850px' , '450px'],
   content: 'url' //这里content是一个URL，
  });

在这个里父页面想调用子页面的方法:

top.layer.open({
   type: 2,
   title: '标题',
   shadeClose: true,
   shade: 0.3,
   area : ['850px' , '450px'],
   content: 'url' //这里content是一个URL，
   success:function(layero,index){
	var iframewWin = top.layer.getChildFrame('body',index)
	iframeWin.find("")  //找到子页面元素
	iframeW1 = layero.find('iframe')[0].contentWindow,//
	iframeWin.Method()//调用子页面方法
}
 });