首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

父/子页面步骤调用

2012-08-28 
父/子页面方法调用父页面/子页面相互调用关系(三种情况):?1.父页面采用window.open()方式打开子页面【父页

父/子页面方法调用

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

?

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

?

?

?

?

热点排行