弹出框layer，一个好用插件

最新推荐文章于 2025-07-15 13:56:31 发布

摘星辰Li

最新推荐文章于 2025-07-15 13:56:31 发布

阅读量1.9k

点赞数

CC 4.0 BY-SA版权

分类专栏： JAVASCRIPT jquery 文章标签：插件

本文链接：https://blog.youkuaiyun.com/li_xue_zhao/article/details/82868685

JAVASCRIPT 同时被 2 个专栏收录

11 篇文章

订阅专栏

jquery

1 篇文章

订阅专栏

本文介绍了一个小巧的JS插件Layer，它包含了警告框、询问框、提示框、loading提示等功能。文章提供了如何引入Layer及使用示例，包括询问框和警告框的具体应用。

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

layer是一个包含警告框、询问框、提示框、loading提示等等一个小巧的js插件。

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

1、引入js文件（为了方便，引入外链cdn）：

<!-- 你必须先引入jQuery1.8或以上版本 -->
<script src="https://cdn.bootcss.com/jquery/3.3.0/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/layer/3.1.0/layer.js"></script>

2、使用具体示例

询问框示例：

var r=  layer.confirm('确认下载吗？',function () {
    domains = domains.substr(0, domains.length - 1);
    location.href = '/newDc/zip?ids=' + domains;
    layer.close(r);
},function () {

});

警告框示例：（可以修改文字样式和关闭回调操作）

var msg = "提交成功，小编审核通过后会与你联系哦！<br><span style='color: red;font-weight: bold'>咨询QQ群：123456</span>";
layer.open({
         content: msg,
         end: function(index, layero){  #关闭回调操作
                 //do something
                 location.href='/plan/index';
             }
      });

结果：
在这里插入图片描述