layui下layer弹出框（iframe）

一、使用layui弹窗需引入文件jquery.js,jquery-ui.min.css，layer.js，jquery-ui.min.js ，这些文件项目中都有，没有直接去官网下载地址：https://www.layui.com/

二、此处是调用弹窗js，layuitc()是点击页面中弹窗被调用，

几个参数：parent:是为了解决遮罩层不能覆盖父页面；

type:弹窗类型，此处是使用的iframe

area:定义弹窗的宽度和高度

title:定义弹窗标题和标题的字体大小

content：定义要弹出的页面
<script type="text/javascript">
   function layuitc(){
       parent.layer.open({
       type:2,//0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）
       area:['1300px','700px'],
       title:['修改','15px'],
       content: context + '/foreigndata/updata?foreignid=05781d60-7e75-406e-a77b-3a784b5f66ae'
       })
   }

</script>

</head>

三、此处定义点击弹出的按钮
<body>
<button type="button" class="btn ue-btn-primary" οnclick="layuitc()" >弹窗</button>
</body>
</html>

如果有帮助到你，欢迎各位小伙伴评论点赞。

来源：CSDN

作者：sxl2017

链接：https://blog.csdn.net/sxl2017/article/details/103536031

标签

iframe

脚本

css