top.layer.open()是什么东西

        如有错误欢迎指正

         首先，top代表，调用的layer.open()打开的东西会显示在top层，也就是顶层。

        layer是什么，layer已成为国内最多人使用的web弹层组件。

        open()就是layer的一个方法。

        下面有一段示例代码

openSaveDialog: function(title,url,width,height){
            var auto = true;//是否使用响应式，使用百分比时，应设置为false
            if(width.indexOf("%")>=0 || height.indexOf("%")>=0 ){
                auto =false;
            }
            top.layer.open({
                type: 2,
                area: [width, height],
                title: title,
                auto:auto,
                maxmin: true, //开启最大化最小化按钮
                content: url ,
                btn: ['确定', '关闭'],
                yes: function(index, layero){
                    var iframeWin = layero.find('iframe')[0]; //得到弹出的窗口对象，执行窗口内iframe页的方法：iframeWin.method();
                    iframeWin.contentWindow.save();//调用保存事件，在 弹出页内，需要定义save方法。处理保存事件。
                },
                cancel: function(index){
                }
            });
        },

        以此来看一下top.layer.open()函数里面出现的几个参数

type - 基本层类型

        类型：Number，默认：0

        layer提供了5种层类型。可传入的值有：0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）。 若你采用layer.open({type: 1})方式调用，则type为必填项（信息框除外）

        这段示例代码打开的是一个iframe层，所以type是2

area - 宽高

        类型：String/Array，默认：'auto'

        在默认状态下，layer是宽高都自适应的，但当你只想定义宽度时，你可以area: '500px'，高度仍然是自适应的。当你宽高都要定义时，你可以area: ['500px', '300px']   

title - 标题

        类型：String/Array/Boolean，默认：'信息'

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

maxmin - 最大最小化。

        类型：Boolean，默认：false

        该参数值对type:1和type:2有效。默认不显示最大小化按钮。需要显示配置maxmin: true即可

content - 内容

        类型：String/DOM/Array，默认：''

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

/!*
 如果是页面层
 */
layer.open({
  type: 1, 
  content: '传入任意的文本或html' //这里content是一个普通的String
});
layer.open({
  type: 1,
  content: $('#id') //这里content是一个DOM，注意：最好该元素要存放在body最外层，否则可能被其它的相对元素所影响
});
//Ajax获取
$.post('url', {}, function(str){
  layer.open({
    type: 1,
    content: str //注意，如果str是object，那么需要字符拼接。
  });
});
/!*
 如果是iframe层
 */
layer.open({
  type: 2, 
  content: 'http://sentsin.com' //这里content是一个URL，如果你不想让iframe出现滚动条，你还可以content: ['http://sentsin.com', 'no']
}); 
/!*
 如果是用layer.open执行tips层
 */
layer.open({
  type: 4,
  content: ['内容', '#id'] //数组第二项即吸附元素选择器或者DOM
});        
        

btn - 按钮

        类型：String/Array，默认：'确认'

        信息框模式时，btn默认是一个确认按钮，其它层类型则默认不显示，加载层和tips层则无效。当您只想自定义一个按钮时，你可以btn: '我知道了'，当你要定义两个按钮时，你可以btn: ['A', 'B']。当然，你也可以定义更多按钮，比如：btn: ['按钮1', '按钮2', '按钮3', …]，按钮1的回调是yes，而从按钮2开始，则回调为btn2: function(){}，以此类推。如：

layer.open({
  content: 'test'
  ,btn: ['按钮一', '按钮二', '按钮三']
  ,yes: function(index, layero){
    //按钮【按钮一】的回调
  }
  ,btn2: function(index, layero){
    //按钮【按钮二】的回调
    
    //return false 开启该代码可禁止点击该按钮关闭
  }
  ,btn3: function(index, layero){
    //按钮【按钮三】的回调
    
    //return false 开启该代码可禁止点击该按钮关闭
  },
  });
        

        function中的两个参数，index和layero，分别是当前层索引和当前层DOM

        var iframeWin = layero.find('iframe')[0];

        一个页面中可能包含多个iframe。 通过find函数找到需要的iframe元素。

        .contentWindow属性返回由iframe元素创建的窗口(window)对象
        借助contentWindow属性，父页面就可以访问子页面。

        .save()就是保存。

        总结来说， iframeWin.contentWindow.save()语句的作用是保存open()函数创建出来的iframe窗口中输入的内容

cancel - 右上角关闭按钮触发的回调

        类型：Function，默认：null

        该回调携带两个参数，分别为：当前层索引参数（index）、当前层的DOM对象（layero），默认会自动触发关闭。如果不想关闭，return false即可，如；

cancel: function(index, layero){ 
  if(confirm('确定要关闭么')){ //只有当点击confirm框的确定时，该层才会关闭
    layer.close(index)
  }
  return false; 
}   

       参考资料layer弹层组件开发文档 - Layui

        如有错误欢迎指正