javascript调用父窗口(父页面)的方法.doc

javascript调用父窗口（父页面）的方法window.parent与window.opener的区别 javascript调用主窗口方法1： window.parent 是iframe页面调用父页面对象举例:a.htmlHtml代码 父页面 父页面 如果我们需要在b.htm中要对a.htm中的username文本框赋值，就如很多上传功能，上传功能页在Ifrmae中，上传成功后把上传后的路径放入父页面的文本框中我们应该在b.html中写Html代码 var_parentWin=window.parent; _parentWin.form1.username.value=xxxx; var _parentWin = window.parent ; _parentWin.form1.username.value = xxxx ;实例地址：/blog/attachments/window.parent 实例/a.html源码：1.a.htmlHtml代码 主页面/*为测试IFrame子窗口调用父窗口的全局变量而添加的测试变量*/ varparentVairous=为测试IFrame子窗口调用父窗口的全局变量而添加的测试变量; functionparentInvokeIFrame() variframeTest=document.framesiframeTest;/使用document.getElementById(iframeTest);同样可以 alert(iframeTest.document.body.innerHTML); alert(iframeTest.iFrameVair); 主页面/* 为测试IFrame子窗口调用父窗口的全局变量而添加的测试变量 */var parentVairous = 为测试IFrame子窗口调用父窗口的全局变量而添加的测试变量;function parentInvokeIFrame()var iframeTest = document.framesiframeTest; /使用document.getElementById(iframeTest);同样可以alert(iframeTest.document.body.innerHTML);alert(iframeTest.iFrameVair); 1.b.htmlHtml代码 /*为测试父窗体调用IFrame子窗体的全局函数而添加的子窗口全局函数*/ variFrameVair=测试父窗体调用IFrame子窗体的全局函数; functionUpdateParent() var_parentWin=window.parent; _parentWin.form1.username.value=xxxx; functionchildInvokeParent() varparentVairous=window.parent.window.parentVairous; alert(parentVairous); /* 为测试父窗体调用IFrame子窗体的全局函数而添加的子窗口全局函数 */ var iFrameVair = 测试父窗体调用IFrame子窗体的全局函数; function UpdateParent() var _parentWin = window.parent ; _parentWin.form1.username.value = xxxx ; function childInvokeParent() var parentVairous = window.parent.window.parentVairous; alert(parentVairous); ps:不能跨域获取，例如iframe的src是http:/www.xxx.ccc/就不可以2： window.opener 是window.open 打开的子页面调用父页面对象实例地址：/blog/attachments/window.opener 实例/a.html源码：2.a.htmlHtml代码 主页面/*为测试IFrame子窗口调用父窗口的全局变量而添加的测试变量*/ varparentVairous=为测试IFrame子窗口调用父窗口的全局变量而添加的测试变量; /* *因为不同于IFrame（IFrame有id,window.open()与IFrame的父子窗口的模式不同）, *所以当是通过window.open()方法打开一个新窗口使,必须有一个新窗口的对象 *当然必须先让子窗口弹出来,才能调用子窗口中的变量,否则抛出异常 */ varOpenWindow; functionopenSubWin() OpenWindow=window.open(b.html,newwindow,height=1024,width=1300,top=0,left=0,toolbar=no,menubar=yes,scrollbars=yes,resizable=yes,location=no,status=no); functionparentInvokeChild() if(OpenWindow)/当然必须先让子窗口弹出来,才能调用子窗口中的变量,否则抛出异常 alert(OpenWindow.iFrameVair); 主页面 /* 为测试IFrame子窗口调用父窗口的全局变量而添加的测试变量 */ var parentVairous = 为测试IFrame子窗口调用父窗口的全局变量而添加的测试变量; /* * 因为不同于IFrame（IFrame有id,window.open()与IFrame的父子窗口的模式不同）, * 所以当是通过window.open()方法打开一个新窗口使, 必须有一个新窗口的对象 * 当然必须先让子窗口弹出来, 才能调用子窗口中的变量, 否则抛出异常 */ var OpenWindow; function openSubWin() OpenWindow = window.open(b.html, newwindow, height=1024, width=1300, top=0, left=0, toolbar=no, menubar=yes, scrollbars=yes,resizable=yes,location=no, status=no); function parentInvokeChild() if(OpenWindow)/当然必须先让子窗口弹出来, 才能调用子窗口中的变量, 否则抛出异常 alert(OpenWindow.iFrameVair); 2.b.htmlHtml代码 子页面/*为测试父窗体调用IFrame子窗体的全局函数而添加的子窗口全局函数*/ variFrameVair=测试父窗体调用IFrame子窗体的全局函数; functionUpdateParent() var_parentWin=window.opener; _parentWin.form1.username.value=xxxx; functionchildInvokeParent() varparentVairous=window.opener.window.parentVairous; alert(parentVairous); 子页面 /* 为测试父窗体调用IFrame子窗体的全局函数而添加的子窗口全局函数 */ var iFrameVair = 测试父窗体调用IFrame子窗体的全局函数; function UpdateParent() var _parentWin = window.opener; _parentWin.form1.username.value = xxxx ; function childInvokeParent() var parentVairous = window.opener.window.parentVairous; alert(parentVairous); 经过hanjs的提醒，确实需要注意的是，模态窗口的子窗口是没有办法修改父窗口页面中的任何内容的。例如修改：OpenWindow = window.open(b.html, newwindow, height=1024, width=1300, top=0, left=0, toolbar=no, menubar=yes, scrollbars=yes,resizable=yes,loca