页面A中弹出页面B,在页面B中弹出页面C,在layer做嵌套ifframe弹出时会遇到C页面被嵌套在B页面中,如果C尺寸大于B,则C将不能显示完整。这个时候可以考虑B,C页面均由A页面弹出从而避免嵌套带来的问题。废话少说,直接上代码。

1.A弹出B:

在A.html中插入一下代码

layer.open({title:'新增账号',type: 2,area: ['700px', '350px'],fixed: false, //不固定maxmin: false,content:['B.html?'+param,'no']});

2.B弹出C:

在B.html中插入以下代码

parent.layer.open({type: 2,skin: 'layui-layer-molv',title: "组织机构选择",area: ['460px', '600px'],shadeClose: false,content: ['C.html','no'],btn: ['确定','关闭'],btn1: function (index) {var subIframe=parent.$("iframe");if(subIframe!=null&&subIframe.length==2){var orgs= subIframe[1].contentWindow.getCMethod();if(orgs&&orgs.length>0){$("input[name='defaultOrgId']").val(orgs[0].orgId);$("input[name='orgName']").val(orgs[0].orgName);}}parent.layer.close(index);//关闭弹出层C.html}});

3.关闭iframe弹出层js代码

(1)关闭特定iframe

//当在iframe页面关闭自身时,在iframe页执行以下js脚本
var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
parent.layer.close(index); //再执行关闭

(2)关闭所有弹出层

layer.closeAll(); //疯狂模式,关闭所有层
layer.closeAll('dialog'); //关闭信息框
layer.closeAll('page'); //关闭所有页面层
layer.closeAll('iframe'); //关闭所有的iframe层
layer.closeAll('loading'); //关闭加载层
layer.closeAll('tips'); //关闭所有的tips层

4.刷新另一个弹出层

(1)刷新已知index的iframe弹层

layer.iframeSrc(index, 'http://sentsin.com') //官方示例,其中参数index为iframe索引,第二个参数为iframe的URL

(2)刷新未知index的iframe弹层

parent.$("iframe").each(function () {$(this).attr('src', $(this).attr('src'));//需要引用jquery
})

利用Layer组件弹出多个对话框(非嵌套)与关闭及刷新相关推荐

  1. JavaScript实现弹出“确定/取消”对话框的方法

    在网页中经常会让用户提交一些事件,然后在事件处理之前会弹出"确定/取消"对话框,待用户确定后再利用程序处理事件,今天就教大家如何利用JavaScript实现弹出"确定/取 ...

  2. php js对话框,JavaScript_js弹出框、对话框、提示框、弹窗实现方法总结(推荐),一、JS的三种最常见的对话框- phpStudy...

    js弹出框.对话框.提示框.弹窗实现方法总结(推荐) 一.JS的三种最常见的对话框 //====================== JS最常用三种弹出对话框 ==================== ...

  3. JavaScript弹出框、对话框、提示框、弹窗总结

    JavaScript弹出框.对话框.提示框.弹窗总结. 1.JS的三种最常见的对话框 //====================== JS最常用三种弹出对话框 =================== ...

  4. php点击文字弹出js提示框,js弹出框、对话框、提示框、弹窗实现方法总结(推荐)...

    一.JS的三种最常见的对话框 //====================== JS最常用三种弹出对话框 ======================== //弹出对话框并输出一段提示信息 funct ...

  5. Html弹出qq临时对话框:

    1.打开qq聊天页面(有权限需要添加好友才能打开): <a href="tencent://message/?uin=1578929883&Site=&Menu=yes ...

  6. 调用API弹出打印机属性对话框

    调用api弹出打印机属性对话框  Author:vitoriatang From:Internet .NET Framework封装了很多关于打印的对话框,比如说PrintDialog, PageSe ...

  7. layer重复弹出(layui弹层同时存在多个)的解决方法

    layer重复弹出(layui弹层同时存在多个)的解决方法 参考文章: (1)layer重复弹出(layui弹层同时存在多个)的解决方法 (2)https://www.cnblogs.com/sird ...

  8. 如何利用PopupWindow实现弹出菜单并解决焦点获取以及与软键盘冲突问题

    如何利用PopupWindow实现弹出菜单并解决焦点获取以及与软键盘冲突问题 参考文章: (1)如何利用PopupWindow实现弹出菜单并解决焦点获取以及与软键盘冲突问题 (2)https://ww ...

  9. Delphi中点击网页弹出的Alert对话框的确定按钮

    实现的方法有很多,一般都是使用Windows API函数遍历窗口,查找指定标题的窗口,然后从该窗口查找确定按钮,向该按钮发送鼠标消息进行模拟点击.由于IE8由Alert弹出的网页对话框的标题是&quo ...

最新文章

  1. Vue学习小札——2.6 组件参数校验与非props特性
  2. 大量网课视频学习方法升级版!生命就是一往无前和永无止境的直播!
  3. Java——List集合特有的功能
  4. android nougat和安卓7.1,Android Nougat 7.1.2 先睹为快
  5. 软件测试工资高还是运维高,IT行业的6大热门岗位,薪酬都有多高?
  6. Chromium下载各类版本(pyppeteer爬虫)
  7. 有位哥们坚持不用微服务架构,被老板踢出了群聊···
  8. Composer自动加载(一)
  9. springcloud整合php,详细讲解springcloud的组件之RestTemplate集成的Ribbbon
  10. 软件工程学习进度06
  11. ubuntu 14.04 修改PS1提示符
  12. 年轻人,被领导骂是怎样一种感觉?
  13. 多进程和线程的区别【转】
  14. sqluldr2支持mysql吗_sqluldr2工具使用方法
  15. 什么软件测试cpu满载,截然相反!CPU满载压力测试
  16. mongo数据库之修改器的简单使用
  17. 密码编码学与网络安全-------原理与实践(第七版)
  18. Python实现快速排序
  19. 零基础Matlab Note9--离散数据绘图set(gca, )
  20. xaxis python_Python中的分组Xaxis可变性图

热门文章

  1. Tensorflow逻辑回归处理MNIST数据集
  2. TLS/SSl 相关攻击漏洞及检测方法(testssl.sh)
  3. 【Linux】linux ln文件夹的链接(转)
  4. JDBC初学者的basedao工具类
  5. mybatis模糊查询sql
  6. VC6.0 导入资源崩溃
  7. [转]这才是真正的3D显示!Leap Motion推出次毫米级3D手动控制技术,让人手和影像融为一体...
  8. flush无效,IIS7下php怎么实时输出?
  9. 【项目总结】达能益力--官网
  10. RhinoMock入门(4)——次序和委托