layer.open,layer.alert的使用

弹出一个窗口
		layer.open({
                type: 2, //设置类型 默认为0 显示content中的内容(文本)  1 页面层  2ifream层
                //content: "content.html",
                offset:['20px','15px'],//距离上、左边距
                title: "提示",  //左上角显示标题
                content:url,  //type为2,打开窗口显示url渲染后的页面
                //content:$('#divId') //显示页面中id为divID里的内容 type为1或者0
                //content:'18html.jsp' //显示该jsp的页面内容,type为2
                area: ['800px', '600px'],//宽高
                btn: ['按钮一', '按钮二', '按钮三'],
                yes: function (index, obj) {
                    //按钮【按钮一】的回调 
                    //index 为当前窗口的索引
                    //obj 为打开的窗口的索引
                    alert("按钮一");
                    layer.close(index);
                },
                btn2: function (index, obj) {//btn2的名字固定,不能更改
                    //按钮【按钮二】的回调
                    alert("按钮二")
                    return false //默认点击后关闭,设置false则不关
                },
                cancel: function () {
                    //右上角关闭回调
                    alert("cancel")
                    //return false 开启该代码可禁止点击该按钮关闭
                },
                btnAlign: 'c',  //按钮的对齐方式,默认居右,c为居中
                maxmin: true, //右上角是否显示页面最大化和最小化的按钮 type=1 type=2有效
                anim:3	//页面弹出的动画
                end:function(){
                	//最后执行的方法
                }
})
在子页面关闭其打开的open窗口
openClose = function(){
       var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
        parent.layer.close(index); //再执行关闭   
        }
子页面向父页面传参
// 子窗体传值到父窗体 pids是父页面的一个dom
$("#pids",window.parent.document).val("我是id为pids里设置的vlaue值!!!");

layer.alert 使用

	layer.alert('我是弹窗显示的内容!!', {
      skin: 'layui-layer-molv', //样式类名  自定义样式,一般不会写这个东西
     closeBtn: 1,    // 是否显示关闭按钮
     anim: 1, //动画类型
     btn: ['按钮1','按钮2'], //按钮,默认只显示一个确定按钮
     icon: 6,    // icon
     yes:function(){
         layer.msg('按钮1')
     },
     btn2:function(){
         layer.msg('按钮2')
     }});

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值