前端jsp用layer弹框层

简单介绍下啊：

layer是layui经典化的前端ui框架中的一个弹出层,可以在layui中用layer，也可以单独使用，单独使用是依赖于jquery,jquery版本至少在1.8之上

下载layui.js,layui.css，layer.js文件，下面提供下载地址

http://www.layui.com/

好，步入正题

在项目中用的layer弹窗：

贴出项目中如何使用layer

jsp页面引入js,css

然后页面加载layer

layui.use('layer', function(){
var layer = layui.layer;

});

弹框代码：

layer.open({
type:2,
title:false,//不显示标题
closeBtn:0,
shadeClose:true,//点击遮罩层关闭
content:'<%=request.getContextPath()%>/'+url,//要弹框页面的地址
maxmin:false,
area:['410px','260px'],//弹框页面宽和高
moveOut: true,
zIndex : layer.zIndex,
success: function(layero,index){
     layer.setTop(layero);
    if (layero && layero.length > 0) {

           var iframeID = layero[0].id;

                           // 获取iframe内部window对象

      if (iframeID && $("#" + iframeID + " iframe") && document.getElementById(iframeID).contentWindow)                       {
    //执行函数  
                document.getElementById(iframeID).contentWindow.showMessageAndFunc_layer_flag="flag_layer_"+index;
            }

         }

              },

            //在弹框关闭后执行

  end:function(){                            $("iframe").attr("src",localStorage.CustomerserverAddress+'/admin/osms/trialAccountKB');
}
});

最后被进行弹窗的页面关闭

var index = parent.layer.getFrameIndex(window.name);//获取窗口索引
parent.layer.close(index);//关闭窗口

转载请标明出处:前端jsp用layer弹框层

文章来源: 前端jsp用layer弹框层