父/子页面方法调用

父页面/子页面相互调用关系（三种情况）：

 

1.父页面采用window.open()方式打开子页面

【父页面调用子页面】

var child = window.open(); // child为子页面对象

child.method(); // method为子页面方法

【子页面调用父页面】

window.opener.method(); // opener为父页面对象，method为父页面方法

 

2.父页面采用window.showModalDialog()方式打开子页面

【父页面调用子页面】

父页面只能取到子页面的返回对象

（父）var child = window.showModalDialog(url); // child为子页面关闭后返回给父页面的对象

（子）window.returnValue= obj; // obj为返回给父页面的对象

【子页面调用父页面】

window.dialogArguments.obj; // obj为父页面对象

window.dialogArguments.method(); // method为父页面方法

 

3.父页面潜入iframe方式（<iframe src="child.html" name="childFrame" width="100" height="100" />）

【父页面调用子页面】

childFrame.method(); // childFrame为iframe的name,method为子页面的方法

【子页面调用父页面】

window.parent.method(); // method为父页面方法