当前位置: 代码迷 >> Web前端 >> 父/子页面步骤调用
  详细解决方案

父/子页面步骤调用

热度:400   发布时间:2012-08-28 12:37:01.0
父/子页面方法调用

父页面/子页面相互调用关系(三种情况):

?

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为父页面方法

?

?

?

?

  相关解决方案