layer.open方法 编辑

HTML代码：

	

      默认
      页面层
      iframe层
      getChildFrame
  	
 


    	

              

                  姓名：
                  

                      
                  
              
              

                  E-mail：
                  

                      
                  
              
              

                  网站：
                  

                      
                  
              
              

                  说明：
                  

                      
                  
              
              

                  

                      提交
                  
              
          
    

JAVASCRIPT代码：

$("#open_btn_default").on("click", function(){
    		var index = layer.open({
    			type: 0,  //可传入的值有：0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）
    			title: ['我是标题', 'font-size:18px; color:orange;'],//数组第二项可以写任意css样式；如果你不想显示标题栏，你可以title: false
    			content: 'test',
    			btn: ['确定', '取消'],
    			yes: function(index, layero){
    			    //do something
    			    alert("点击了确定");
    			    layer.close(index); //如果设定了yes回调，需进行手工关闭
    			  },
    			  btn2: function(index, layero){ 
    				  alert("点击了取消");
    				  layer.close(index)
    				}
    			});
    	})



	/* 如果是页面层 */
    	$("#open_btn_primary").on("click", function(){
    		var index = layer.open({
    			type: 1,  //可传入的值有：0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）
    			title: ['我是标题', 'font-size:18px; color:orange;'],//数组第二项可以写任意css样式；如果你不想显示标题栏，你可以title: false
    			area: '500px',
    			content: $('#show_div')
    			});
    	})


/* 获取iframe页的DOM */
    	$("#btn_child_frame").on("click", function(){
    		layer.open({
    			  type: 2,
    			  closeBtn: 1,
    			  title: "验证表单",
    			  area: ['450px','540px'],
    			  content: 'http://www.iouyeah.com/upload/iouyeah/backups/daimasucai/08/online_editor/index.html',
    			  success: function(layero, index){
    			    var body = layer.getChildFrame('body', index);
    			    var iframeWin = window[layero.find('iframe')[0]['name']]; //得到iframe页的窗口对象，执行iframe页的方法：iframeWin.method();
    			    //console.log(body.html()) //得到iframe页的body内容
    			    //console.log("cname:"+body.find('#cname').val());
    			    //var p_o = iframeWin.getObj();
    			    //console.log("p_o:"+p_o);
    			    //layer.full(index);
    			  }
    			});
    	})
					    
						    
//var arr = '你好世界';
//var oDiv = document.getElementsByTagName('div')[0]; oDiv.innerHTML = arr;
//document.write(result);	
//alert('你好\n世界');
//confirm('你确定提交吗？');
//prompt('请输入您的名字');
//console.log('你好世界');//配合F12使用

CSS代码：