Layer组件多个iframe弹出层打开与关闭及参数传递

最新推荐文章于 2026-05-08 05:15:14 发布

原创

最新推荐文章于 2026-05-08 05:15:14 发布 · 3.7k 阅读

标签

#layui

收录于

Layer官网地址：http://layer.layui.com/

1、多个iframe弹出层（非嵌套）

在这里插入图片描述
1.打开iframe弹出层js代码
（1）示例一：
content参数可传入要打开的页面，type参数传2，即可打开iframe类型的弹层

layer.open({
   
   
type: 2,
 
title: 'layer mobile页',
 
shadeClose: true,
 
shade: 0.8,
 
area: ['380px', '90%'],
 
content: 'mobile/' //iframe的url
 
});

（2）示例二：

layer.open({
   
   
  type: 2,
  title: false,
  closeBtn: 0, //不显示关闭按钮
  shade: [0],
  area: ['340px', '215px'],
  offset: 'rb', //右下角弹出
  time: 2000,