介紹一款非常好用的前端彈窗插件：

根據官方的API：layer的iframe彈窗

//iframe層-父子操作

layer.open({

type: 2,

area: ['700px', '530px'],

fix: false, //不固定

maxmin: true,

content: 'test/iframe.html'

});

這里以php開發為例 演示如何 提交表單后自動關閉layer彈窗

(1)彈出layer編輯框 ：

function edit(id){

if(id==null||id==''||id=='undefined'){

alert('操作編號為空，請聯系管理員');

}

layer.open({

type: 2,

area: ['700px', '530px'],

fix: false, //不固定

maxmin: true,

content: 'index.php?m=content&c=meiti&a=edit_paiqi&id='+id

});

}

(2)編輯頁面主要代碼

(3)php后臺保存數據并指向一個關閉layer窗口的方法

public function edit_config_paiqi(){

$id = trim($_REQUEST['id']);

$paiqi_db = pc_base::load_model('paiqi_config_model');

if($_REQUEST['dosubmit']){

$insertinfo = array();

$insertinfo['catid'] = trim($_POST['catid']);

$insertinfo['meitiid'] = trim($_POST['meitiid']);

$insertinfo['title'] = trim($_POST['title']);

$insertinfo['meitizhuname'] = trim($_POST['meitizhuname']);

$insertinfo['meitizhuid'] = trim($_POST['meitizhuid']);

$insertinfo['createtime'] = SYS_TIME;

$insertinfo['saturation'] = trim($_POST['saturation']);

$datas = $paiqi_db->update($insertinfo,array("id"=>$id));

if($datas){

showmessage(L('operation_success'),'?m=content&c=meiti&a=closewindow');//保存成功指向關閉窗口方法

}

}else{

$datas = $paiqi_db->select(array("id"=>$id));

$template = "edit_config_paiqi";

include $this->admin_tpl($template);

}

}

/**

* 關閉layer層

*/

public function closewindow(){

$template = "close_layer";

include $this->admin_tpl($template);

}

(4)關閉窗口并刷新父窗口頁面的關鍵代碼

$(function(){

parent.location.reload();//刷新父窗口

parent.layer.closeAll();//關閉所有layer窗口

});

注意：該頁面需要加載layer需要的js庫才能使用layer方法

以上這篇php 提交表單 關閉layer彈窗iframe的實例講解就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。