首页 > 代码库 > javascript中父、子页面间调用
javascript中父、子页面间调用
本文主要转自:http://www.360doc.com/content/11/0525/17/6161903_119333834.shtml
http://zhidao.baidu.com/question/178864421.html
父子页面互相调用的几种方法总结:
第一种:采用window.open(),打开一个新窗口
父页面调用子页面:
子页面用window.open打开,调用方法为
var aa = window.open();
aa. child ();//child ()为子页面的方法
子页面调用父页面:
window.opener . parent () // window.opener 实际上就是通过window.open打开的窗体的父窗体。
第二种:采用嵌入frame式调用
比如:<iframe src="http://www.mamicode.com/**.jsp" width="100%" height=100% name="mapFrame"></iframe>
父页面调用子页面
mapFrame. child ();//mapFrame为父页面中frame的name值,child()子页面中方法
给iframe设置上ID :document.getElementById(‘iframeid‘).contentWindow.abc(); //abc() 为子页面函数
子页面调用父页面
Window.parent. parent ()
第三种:采用window.showModalDialog(),打开一个新窗口
showModalDialog(‘/window.jsp‘, window,‘dialogHeight:300px;dialogWidth:600px;status=off‘);
父页面不能调用 子页面的方法
子页面调用父页面
window.dialogArguments. parent ();
javascript中父、子页面间调用