父子窗口间传值

来源：互联网发布：大众网络报手游推荐编辑：程序博客网时间：2024/06/05 10:30

父窗口： url = url + '?winFlg=aaa&winPig=bbb'; window.open(url, '', ''); 子窗口： var URLParams = new Object(); var aParams = document.location.search.substr(1).split('&'); for (var i=0; i < aParams.length; i++) { var aParam = aParams[i].split('='); URLParams[aParam[0]] = aParam[1]; } alert(URLParams["winFlg"]); alert(URLParams["winPig"]); ================================================================================== 打开一个新窗口，该子窗口调用父对象的方法或变量，这个问题一直没有搞清楚。网上找了些资料，总结一下：打开新窗口一般有几种方法，window.open(...),window.showModalDialog(...)，以及iframe中嵌套页面这里也一起研究吧，另外还有window.navigate(...)、window.location.href="..."、window.history.back(-1);都是实现同意页面内容跳转的，这里不讨论。 1、open子窗口：用window.opener代表父窗口的window对象 2、模态子窗口：间接通过传window对象到子窗口，然后子窗口可获得父窗口的window对象 3、iframe中子页面：用window.parent代表父窗口的window对象父页面：1.htm 代码: <html> <head> <title>打开父子窗口传值研究-父窗口</title> <mce:script ></mce:script> </head> <body > <input type="button" id="mybutton1" value="打开open新窗口" onclick="window.open('2.htm');"> <input type="button" id="mybutton2" value="打开modal窗口" onclick="window.showModalDialog('3.htm',window);" > <br> <iframe id="subiframe" name="subiframe" src="4.htm" mce_src="4.htm" scrolling="auto" frameborder="1" ></iframe> </body> </html> 2.htm 代码： <html> <head> <title>打开父子窗口传值研究-open打开子窗口</title> <mce:script type="text/javascript"></mce:script> </head> <body> <input type="button" value="open打开子窗口按钮" onclick="alert('buttonValue:'+buttonValue);alert('parentValue:'+parentValue);doParTest()"> </body> </html> 3.htm 代码： <html> <head> <title>打开父子窗口传值研究-打开modal子窗口</title> <mce:script type="text/javascript"></mce:script> </head> <body bgcolor="#FFFFFF" text="#000000"> <input type="button" value="modal子窗口按钮" onclick="alert('buttonValue:'+buttonValue);alert ('parentValue:'+parentValue);parentWin.test();"> </body> </html> 4.htm 代码： <html> <head> <title>打开父子窗口传值研究-iframe中子窗口</title> <mce:script type="text/javascript"></mce:script> </head> <body> <input type="button" value="iframe中子窗口按钮" onclick="alert('buttonValue:'+buttonValue);alert('parentValue:'+parentValue);doParTest()"> </body> </html>

下面是自己写了一个测试例子:
test1:

<input type="text" id="txt"> <div style="float:left;" mce_style="float:left;" id="div" ></div> <input type="button" value="open" onClick="openWindow()"> <mce:script type="text/javascript"></mce:script>

test2:

模态弹出窗口

returnValue除了可以是布尔值,整型值等以外还可以是个js数组，用来传递大量数据。 showModalDialog，是模态窗口，始终获得焦点，但弹出的窗体不能刷新，此弹出的窗口里操作button,要想不弹出新窗口，需在弹出的窗口中在<head>和</head>之间加<base target="_self">。