首页 > 代码库 > 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中父、子页面间调用