layui-study

最新推荐文章于 2022-08-25 15:21:02 发布

程序猿向前跑

最新推荐文章于 2022-08-25 15:21:02 发布

阅读量147

点赞数 1

分类专栏： layui 文章标签： layui

本文链接：https://blog.csdn.net/qq_46199553/article/details/118468133

版权

layui 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

本文详细介绍了JavaScript库layer中的layer.open和layer.msg方法，包括它们的五种基本层类型（信息框、页面层、iframe层、加载层和tips层），如何设置标题和内容，以及如何通过success回调进行操作。同时提到了layer.confirm的交互式询问功能。

摘要由CSDN通过智能技术生成

layer.open、layer.msg内置方法

type - 基本层类型
类型：Number，默认：0

layer提供了5种层类型。
0：信息框，默认
1：页面层
2：iframe层
3：加载层
4：tips层

title - 标题
类型：String/Array/Boolean，默认：‘信息’

title支持三种类型的值，若你传入的是普通的字符串，如title :‘我是标题’，那么只会改变标题文本；若你还需要自定义标题区域样式，那么你可以title: [‘文本’, ‘font-size:18px;’]，数组第二项可以写任意css样式；如果你不想显示标题栏，你可以title: false

content - 内容
类型：String/DOM/Array，默认：’’

content可传入的值是灵活多变的，不仅可以传入普通的html内容，还可以指定DOM，更可以随着type的不同而不同。

弹出层

success - 层弹出后的成功回调方法
类型：Function，默认：null

当你需要在层创建完毕时即执行一些语句，可以通过该回调。success会携带两个参数，分别是当前层DOM当前层索引。如：
layer.open({
content: ‘测试回调’,
success: function(layero, index){
console.log(layero, index);
}
});
layer.getChildFrame(selector, index) - 获取iframe页的DOM
layer.confirm(content, options, yes, cancel) - 询问框
类似系统confirm，但却远胜confirm，另外它不是和系统的confirm一样阻塞你需要把交互的语句放在回调体中。同样的，它的参数也是自动补齐的。