父頁面
![](https://img.laitimes.com/img/9ZDMuAjOiMmIsIjOiQnIsISPrdEZwZ1Rh5WNXp1bwNjW1ZUba9VZwlHdsATOfd3bkFGazxCMx8VesATMfhHLlN3XnxCMwEzX0xiRGZkRGZ0Xy9GbvNGLpZTY1EmMZVDUSFTU4VFRR9Fd4VGdsYTMfVmepNHLrJXYtJXZ0F2dvwVZnFWbp1zczV2YvJHctM3cv1Ce-YWan5SZlJGMwYTN2YWY1EDN0gTN0MzM1YWN5gTNiNWOhVjMy8CX3AzLchDMxIDMy8CXn9Gbi9CXzV2Zh1WavwVbvNmLvR3YxUjL4M3Lc9CX6MHc0RHaiojIsJye.gif)
function layerOpen()
{
layer.open({
type: 2,
shade: [0],
title: "驗收申請",
area: ['1024px', '680px'],
btn: ['按鈕1', '按鈕2'], //隻是為了示範
//time: 2000, //2秒後自動關閉
fixed: true,
shadeClose: false, //開啟遮罩關閉
content: '/Home/layer',
yes: function (index, layero) {
//得到iframe頁的視窗對象(2種方式)-----------推薦使用第二種方式獲得對象
var iframeWin1 = window[layero.find('iframe')[0]['name']];
var iframeWin2 = window["layui-layer-iframe" + index];
//對應調用子頁面的方法(2種方式)
var ids1 = iframeWin1.SunPage();
var idd2 = iframeWin2.SunPage();
//擷取子頁面的值
var res = iframeWin1.callbackdata();
alert(res.resut4); //這裡從子頁面傳過來了4個值,這裡隻取第四個值 callbackdata()來自子頁面
},
cancel: function (index, layero) {//取消事件
end: function () {//無論是确認還是取消,隻要層被銷毀了,end都會執行,不攜帶任何參數。layer.open關閉事件
location.reload(); //layer.open關閉重新整理
}
});
![](https://img.laitimes.com/img/9ZDMuAjOiMmIsIjOiQnIsISPrdEZwZ1Rh5WNXp1bwNjW1ZUba9VZwlHdsATOfd3bkFGazxCMx8VesATMfhHLlN3XnxCMwEzX0xiRGZkRGZ0Xy9GbvNGLpZTY1EmMZVDUSFTU4VFRR9Fd4VGdsYTMfVmepNHLrJXYtJXZ0F2dvwVZnFWbp1zczV2YvJHctM3cv1Ce-YWan5SZlJGMwYTN2YWY1EDN0gTN0MzM1YWN5gTNiNWOhVjMy8CX3AzLchDMxIDMy8CXn9Gbi9CXzV2Zh1WavwVbvNmLvR3YxUjL4M3Lc9CX6MHc0RHaiojIsJye.gif)
![](https://img.laitimes.com/img/9ZDMuAjOiMmIsIjOiQnIsISPrdEZwZ1Rh5WNXp1bwNjW1ZUba9VZwlHdsATOfd3bkFGazxCMx8VesATMfhHLlN3XnxCMwEzX0xiRGZkRGZ0Xy9GbvNGLpZTY1EmMZVDUSFTU4VFRR9Fd4VGdsYTMfVmepNHLrJXYtJXZ0F2dvwVZnFWbp1zczV2YvJHctM3cv1Ce-YWan5SZlJGMwYTN2YWY1EDN0gTN0MzM1YWN5gTNiNWOhVjMy8CX3AzLchDMxIDMy8CXn9Gbi9CXzV2Zh1WavwVbvNmLvR3YxUjL4M3Lc9CX6MHc0RHaiojIsJye.gif)
<script type="text/javascript">
function SunPage() {
alert("子頁面的方法");
}
</script>
<input id="put1" value=""/>
<input id="put2" value="" />
<input id="put3" value="" />
<input id="put4" value="" />
<input id="put5" value="" />
<input id="put6" value="" />
<script>
var callbackdata = function () {
var data = {
resutl: true,
resut2: $("#put1").val(),
resut3: $("#put2").val(),
resut3: $("#put3").val(),
resut4: $("#put4").val(),
};
return data;
}
</script>
![](https://img.laitimes.com/img/9ZDMuAjOiMmIsIjOiQnIsISPrdEZwZ1Rh5WNXp1bwNjW1ZUba9VZwlHdsATOfd3bkFGazxCMx8VesATMfhHLlN3XnxCMwEzX0xiRGZkRGZ0Xy9GbvNGLpZTY1EmMZVDUSFTU4VFRR9Fd4VGdsYTMfVmepNHLrJXYtJXZ0F2dvwVZnFWbp1zczV2YvJHctM3cv1Ce-YWan5SZlJGMwYTN2YWY1EDN0gTN0MzM1YWN5gTNiNWOhVjMy8CX3AzLchDMxIDMy8CXn9Gbi9CXzV2Zh1WavwVbvNmLvR3YxUjL4M3Lc9CX6MHc0RHaiojIsJye.gif)