内置方法
文章目录
- 内置方法
-
-
- layer.config(options) - 初始化全局配置
- layer.ready(callback) - 初始化就绪
- layer.open(options) - 原始核心方法
- layer.alert(content, options, yes) - 普通信息框
- layer.confirm(content, options, yes, cancel) - 询问框
- layer.msg(content, options, end) - 提示框
- layer.load(icon, options) - 加载层
- layer.tips(content, follow, options) - tips层
- layer.close(index) - 关闭特定层
- layer.closeAll(type) - 关闭所有层
- layer.style(index, cssStyle) - 重新定义层的样式
- layer.title(title, index) - 改变层的标题
- layer.getChildFrame(selector, index) - 获取iframe页的DOM
- layer.getFrameIndex(windowName) - 获取特定iframe层的索引
- layer.iframeAuto(index) - 指定iframe层自适应
- layer.iframeSrc(index, url) - //重置特定iframe url
- layer.setTop(layero) -置顶当前窗口
-
layer.config(options) - 初始化全局配置
/*
这是一个可以重要也可以不重要的方法,重要的是,它的权利真的很大,尤其是在模块化加载layer时,你会发现你必须要用到它。它不仅可以配置一些诸如路径、加载的模块,甚至还可以决定整个弹层的默认参数。而说它不重要,是因为多数情况下,你会发现,你似乎不是那么十分需要它。但你真的需要认识一下这位伙计。
*/
//如果您是采用seajs或者requirejs加载layer,你需要执行该方法来完成初始化的配置。比如:
layer.config({
path: '/res/layer/' //layer.js所在的目录,可以是绝对目录,也可以是相对目录
});
//这样的话,layer就会去加载一些它所需要的配件,比如css等。
//当然,你即便不用seajs或者requirejs,也可以通过上述方式设定路径
//如果你是采用<script src="?a.js&layer.js">这种合并的方式引入layer,那么您需要在script标签上加一个自定义属性merge="true"。如:
<script src="?a.js&layer.js" merge="true">
这样的话,layer就不会去自动去获取路径,但你需要通过以下方式来完成初始化的配置
layer.config({
path: '/res/layer/' //layer.js所在的目录,可以是绝对目录,也可以是相对目录
});
//如果采用 layui 加载 layer,无需设置 path。所以前置工作都是自动完成。
//但layer.config的作用远不止上述这样。它还可以配置层默认的基础参数,如:
layer.config({
anim: 1, //默认动画风格
skin: 'layui-layer-molv' //默认皮肤
…
});
//除此之外,extend还允许你加载拓展的css皮肤,如:
layer.config({
//如果是独立版的layer,则将myskin存放在./skin目录下
//如果是layui中使用layer,则将myskin存放在./css/modules/layer目录下
extend: 'myskin/style.css'
});
layer.ready(callback) - 初始化就绪
/*
由于我们的layer内置了轻量级加载器,所以你根本不需要单独引入css等文件。但是加载总是需要过程的。当你在页面一打开就要执行弹层时,你最好是将弹层放入ready方法中
*/
//页面一打开就执行弹层
layer.ready(function(){
layer.msg('很高兴一开场就见到你');
});
layer.open(options) - 原始核心方法
/*
基本上是露脸率最高的方法,不管是使用哪种方式创建层,都是走layer.open(),创建任何类型的弹层都会返回一个当前层索引
*/
var index = layer.open({
content: 'test'
});
//拿到的index是一个重要的凭据,它是诸如layer.close(index)等方法的必传参数。
layer.alert(content, options, yes) - 普通信息框
/*
它的弹出似乎显得有些高调,一般用于对用户造成比较强烈的关注,类似系统alert,但却比alert更灵便。它的参数是自动向左补齐的。通过第二个参数,可以设定各种你所需要的基础参数,但如果你不需要的话,直接写回调即可
*/
//eg1
layer.alert('只想简单的提示');
//eg2
layer.alert('加了个图标', {
icon: 1