layer子窗体界面大于父窗体界面的实现方法

使用layer.open方法可以轻松的弹出iframe页面，但是弹出的子窗体处于父窗体内部，每弹出一个子窗体都比所属的父窗体小，那么有没有办法在弹出层A中弹出B时，B的界面是大于A的呢？实际上这个问题也非常容易解决，就是使用parent.layer.open方法，其余与layer.open完全一致即可，示例如下：

主页面弹窗代码（layer.open），弹出窗体A：

  $("#new").on("click",function(){  var url = "{:url('index/borrow/file')}";  layer.open({    type: 2,    title: "借阅文件",    shadeClose: true,    shade: 0.5,    area: ['600px', '500px'],    content: [url,'no'],    end: function () {location.reload();}  });  })

窗体A弹窗代码（parent.layer.open），弹出窗体B：

  $("#search").on("click",function(){  var url = "{:url('index/file/search')}";  parent.layer.open({    type: 2,    title: "案卷检索",    shadeClose: true,    shade: 0.5,    area: ['1000px', '600px'],    content: url,  });  })

这时弹出的窗体B的界面可以大于窗体A，实际效果：

实现方法" src="https://www.52pchome.cn/wp-content/uploads/2020/12/20201202_5fc6fad5d26ca.png" style="width: 800px; height: 443px;" alt5="layer子窗体界面大于父窗体界面的实现方法" alt="layer子窗体界面大于父窗体界面的实现方法" />

窗体A

窗体B大于“父窗体“A

声明： 1、本博客不从事任何主机及服务器租赁业务，不参与任何交易，也绝非中介。博客内容仅记录博主个人感兴趣的服务器测评结果及一些服务器相关的优惠活动，信息均摘自网络或来自服务商主动提供；所以对本博客提及的内容不作直接、间接、法定、约定的保证，博客内容也不具备任何参考价值及引导作用，访问者需自行甄别。 2、访问本博客请务必遵守有关互联网的相关法律、规定与规则；不能利用本博客所提及的内容从事任何违法、违规操作；否则造成的一切后果由访问者自行承担。 3、未成年人及不能独立承担法律责任的个人及群体请勿访问本博客。 4、一旦您访问本博客，即表示您已经知晓并接受了以上声明通告。：吾爱主机之家 » layer子窗体界面大于父窗体界面的实现方法