javascript中父、子页面间调用

时间:2023-03-08 15:51:35
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="/**.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 ();