layer通过父页面调用子页面的方法及属性

layer通过父页面调用子页面的方法及属性
引言
在使用layer.js的过程中，需要通过layer.open()以iframe的形式打开特定的页面，同时需要用layer的按钮对打开的页面进行提交及重置操作，但是苦于不知如何在父页面调用子页面的方法及属性，查阅大量资料之后终于得出解决方案。

首先
这是layer.open()的代码

layer.open({
id: ‘insert-form’,
type: 2,
title: ‘录入数据’,
shadeClose: true,
shade: 0.8,
area: [‘1100px’, ‘90%’],
content: ‘insert.html’,
btn: [‘提交’, ‘重置’],
yes: function (index) {
insertSubmit()
},
btn2: function (index) {
insertReset();
return false;
}
});
　　
需要注意的是，必须提供一个id属性，以供之后查找到所需的iframe。

其次：重点
这是调用子页面方法的代码：
function insertSubmit(){
var frameId=document.getElementById(‘insert-form’).getElementsByTagName(“iframe”)[0].id;
$(’#’+frameId)[0].contentWindow.mySubmit();
}

function insertReset(){
var frameId=document.getElementById(‘insert-form’).getElementsByTagName(“iframe”)[0].id;
$(’#’+frameId)[0].contentWindow.myReset();
}

注意：这段代码是写在父页面中的，即layer所在的页面。

再次
这是子页面（layer中打开的页面）中被调用的方法：
function mySubmit(){
$(’#form’).submit();
}

function myReset(){
$(’#form’)[0].reset();
}
　　 原文：[http://blog.csdn.net/qq_28550739/article/details/53389588]